#6678B3 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #6678B3

#6678B3

In een RGB-kleurruimte is hex #6678B3 samengesteld uit 40% rood, 47% groen en 70% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 78 groen (120/255) en een B3 blauw component (179/255). De decimale RGB-kleurcode is rgb(102,120,179) In CMYK-kleurruimte is het samengesteld uit 43% cyaan, 33% magenta, 0% geel en 30% zwart. Het heeft een tinthoek van 225.97o graden, een verzadiging van 34% en een lichtheid van 55%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6678B3 heeft RGB-waarden van R:102, G:120, B:179 en CMYK-waarden van C:43, M:33, Y:0, K:30. De decimale waarde is 6715571.De binaire code is 11001100111100010110011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6678B3  #6678B3 RGB decimale 102, 120, 179  rgb(102, 120, 179) RGB % 40, 47, 70  rgb(40%, 47%, 70%) RGB Adobe 107, 119, 176 CMYK % 43, 33, 0, 30  43%, 33%, 0%, 30% HSL 225.97o, 34, 55  hsl(225.97o, 34%, 55%) HSV (HSB) 226o, 43%, 70%  hsv(226o, 43%, 70%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 20.333, 19.512 45.342 xyY 0.24, 0.23, 19.51 Hunter-Lab 44.17, 7.34, -33.59 CMY 60%, 53%, 30% Lab 50.87, 5.15, -33.83 Binair kleur 66 78 B3 1100110 1111000 10110011

Schakeringen en tinten van #6678B3

---

Een tint wordt bereikt door zwart toe te voegen aan de originele kleur op tintcode.
Een tint ontstaat door kleur met wit te mengen.
Gebruik het palet om een ​​kleur te kiezen of de schuifregelaars om de RGB-, HSV- en CMYK-componenten in te stellen.
Hier bijvoorbeeld: #141824 is de donkerste kleur en: #E1E5F0 is de lichtste.

Tint kleurvariatie #6678B3

#7D8CBE rgb (125,140,190) #7D8CBE #919DC8 rgb (145,157,200) #919DC8 #A2ACD0 rgb (162,172,208) #A2ACD0 #B0B8D7 rgb (176,184,215) #B0B8D7 #BCC3DD rgb (188,195,221) #BCC3DD #C6CCE2 rgb (198,204,226) #C6CCE2 #CFD4E6 rgb (207,212,230) #CFD4E6 #D6DAEA rgb (214,218,234) #D6DAEA #DCE0ED rgb (220,224,237) #DCE0ED #E1E5F0 rgb (225,229,240) #E1E5F0

Schaduw kleurvariatie

#576698 rgb (87,102,152) #576698 #4A5781 rgb (74,87,129) #4A5781 #3F4A6E rgb (63,74,110) #3F4A6E #363F5E rgb (54,63,94) #363F5E #2E3650 rgb (46,54,80) #2E3650 #272E44 rgb (39,46,68) #272E44 #21273A rgb (33,39,58) #21273A #1C2131 rgb (28,33,49) #1C2131 #181C2A rgb (24,28,42) #181C2A #141824 rgb (20,24,36) #141824

Tinten van #6678B3

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #6979AE de minst verzadigde kleur en #777C92 de meest verzadigde.

#6979AE rgb (105,121,174) #6979AE #6B7AA9 rgb (107,122,169) #6B7AA9 #6D7BA5 rgb (109,123,165) #6D7BA5 #6F7CA1 rgb (111,124,161) #6F7CA1 #717C9E rgb (113,124,158) #717C9E #737C9B rgb (115,124,155) #737C9B #747C98 rgb (116,124,152) #747C98 #757C96 rgb (117,124,150) #757C96 #767C94 rgb (118,124,148) #767C94 #777C92 rgb (119,124,146) #777C92

Alternatieven voor #6678B3

---

Hieronder ziet u enkele kleuren die dicht bij #6678B3 liggen. Het hebben van een set verwante kleuren kan handig zijn als u een inspirerend alternatief nodig heeft of andere kleuren die dicht bij uw oorspronkelijke kleurkeuze liggen.

#663CB3 rgb (102,60,179) #663CB3 #6650B3 rgb (102,80,179) #6650B3 #6664B3 rgb (102,100,179) #6664B3 #668CB3 rgb (102,140,179) #668CB3 #66A0B3 rgb (102,160,179) #66A0B3 #66B4B3 rgb (102,180,179) #66B4B3

Snel gebruik #6678B3

---

Hoe deze kleur te gebruiken op webpagina's, scripts of andere programmeertalen met behulp van html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Kleur van de tekst	Voorbeeld achtergrondkleur
Kleur van de tekst	Voorbeeld achtergrondkleur
<font color="#6678B3;">Text here</font>	<div style="background-color:#6678B3;">Text here</div>

Kleurvoorbeeld op zwarte achtergrond	Kleurvoorbeeld op witte achtergrond
kleurvoorbeeld op zwarte achtergrond	kleurvoorbeeld op witte achtergrond
HTML code <div style="background-color:#000000"> <font color="#6678B3;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#6678B3;">Text here</font> </div>

Div box schaduw	Tekst schaduw css-code
doos schaduw voor kleur #6678B3	tekst schaduw css-code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #6678B3;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #6678B3;

Box grens html-code	Tekstschaduw met RGB-waarden voor kleur #6678B3
box grens html-code voor kleur #6678B3	tekstschaduw met RGB-waarden
HTML code <div style="background-color:#FFFFFF; border:1px solid #6678B3;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(102, 120, 179, 1.4);

Voorgeformatteerde code 6678B3	code voor script / programming
HTML, CSS:	= #6678B3; rgb(102, 120, 179)
Java:	= new Color(102, 120, 179)
.NET:	= Color.FromArgb (102, 120, 179);
Xojo:	= rgb (102, 120, 179, 0);
openGL:	= glColor3f (0.4f, 0.47f, 0.7f);
Swift:	= UIColor(red:0.4, green:0.47, blue:0.7, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.47 blue:0.7 alpha:1.00000];

Kleurenschema's met #6678B3

---

Monochromatische kleur Monochromatische kleurenschema's zijn eenvoudig te maken omdat ze slechts ��n kleur gebruiken. Monochromatische schema's gebruiken verschillende tonen vanuit dezelfde hoek op het kleurenwiel (dezelfde hoek). Verander gewoon de kleurverzadiging +10% en je hebt een nieuwe monochromatische kleur. Op onze zaakkleur: 43% heeft een #6678B3-verzadiging. Het toevoegen van 43% + 10% = 53% verzadiging voor onze nieuwe kleur #42538C. Ccc17 verlagen - 10% = 33% verzadiging #91a2d9 rgb (145,162,217) #91a2d9 33% verzadiging #915f73 rgb (88,95,115) #915f73 23% verzadiging #42538c rgb (66,83,140) #42538c 53% verzadiging #2a3b73 rgb (42,59,115) #2a3b73 63% verzadiging

Analoge kleur Analoge kleurenschema's worden gemaakt door kleuren te gebruiken die naast elkaar op het kleurenwiel staan. Slechts +/- 30o aan de zijkanten van de kleurtinthoek #7A66B3 rgb (122,102,179) #7A66B3 256o #6678B3 rgb (102,120,179) #6678B3 226o #669EB3 rgb (102,158,179) #669EB3 196o

Complementaire kleur Complementaire schema's worden gemaakt door kleuren van tegenovergestelde zijden van het kleurenwiel te combineren. Voeg gewoon 180 graden toe aan kleurtint / -hoek en je hebt de complementaire kleur. Op onze case kleur: #6678B3 heeft een 226o hoek. Ccc02 + 180o = 46oo toevoegen voor onze nieuwe complementaire kleur #B3A166. #6678B3 rgb (102,120,179) #6678B3 226o #B3A166 rgb (179,161,102) #B3A166 46o

Gespleten kleur Samengestelde regelingen of gesplitste aanvullende regelingen zijn bijna hetzelfde als aanvullende regelingen. In plaats van kleuren te gebruiken die tegengesteld zijn, gebruikt het kleuren aan beide zijden van de tegenovergestelde tinthoek. Op onze case kleur: #6678B3 heeft een 226o hoek. Ccc07 + 180o+30o = 76o optellen voor onze eerste complementaire kleur #9EB366. Afnemend 226o + 180o-30o = 16o voor de tweede complementaire kleur #B37A66. #B37A66 rgb (179,122,102) #B37A66 16o #6678B3 rgb (102,120,179) #6678B3 226o #9EB366 rgb (158,179,102) #9EB366 76o

Kleuren tirade Triadische schema's zijn opgebouwd uit tinten/hoeken op gelijke afstanden rond het kleurenwiel. Voeg +/- 120 graden aan beide zijden van de kleurtinthoek toe en verlaag deze. #B36678 rgb (179,102,120) #B36678 346o #6678B3 rgb (102,120,179) #6678B3 226o #78B366 rgb (120,179,102) #78B366 106o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B36678 rgb (179,102,120) #B36678 346o #6678B3 rgb (102,120,179) #6678B3 226o #B3A166 rgb (179,161,102) #B3A166 46o #66B3A1 rgb (102,179,161) #66B3A1 166o