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

#6678E5

In een RGB-kleurruimte is hex #6678E5 samengesteld uit 40% rood, 47% groen en 90% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 78 groen (120/255) en een E5 blauw component (229/255). De decimale RGB-kleurcode is rgb(102,120,229) In CMYK-kleurruimte is het samengesteld uit 55% cyaan, 48% magenta, 0% geel en 10% zwart. Het heeft een tinthoek van 231.5o graden, een verzadiging van 71% en een lichtheid van 65%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6678E5 heeft RGB-waarden van R:102, G:120, B:229 en CMYK-waarden van C:55, M:48, Y:0, K:10. De decimale waarde is 6715621.De binaire code is 11001100111100011100101
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6678E5  #6678E5 RGB decimale 102, 120, 229  rgb(102, 120, 229) RGB % 40, 47, 90  rgb(40%, 47%, 90%) RGB Adobe 107, 119, 225 CMYK % 55, 48, 0, 10  55%, 48%, 0%, 10% HSL 231.5o, 71, 65  hsl(231.5o, 71%, 65%) HSV (HSB) 231o, 55%, 90%  hsv(231o, 55%, 90%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 26.339, 21.915 76.971 xyY 0.21, 0.18, 21.92 Hunter-Lab 46.81, 21.34, -69.85 CMY 60%, 53%, 10% Lab 53.14, 17.56, -58.59 Binair kleur 66 78 E5 1100110 1111000 11100101

Schakeringen en tinten van #6678E5

---

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: #14182E is de donkerste kleur en: #E1E5FA is de lichtste.

Tint kleurvariatie #6678E5

#7D8CE9 rgb (125,140,233) #7D8CE9 #919DEC rgb (145,157,236) #919DEC #A2ACEF rgb (162,172,239) #A2ACEF #B0B8F1 rgb (176,184,241) #B0B8F1 #BCC3F3 rgb (188,195,243) #BCC3F3 #C6CCF5 rgb (198,204,245) #C6CCF5 #CFD4F7 rgb (207,212,247) #CFD4F7 #D6DAF8 rgb (214,218,248) #D6DAF8 #DCE0F9 rgb (220,224,249) #DCE0F9 #E1E5FA rgb (225,229,250) #E1E5FA

Schaduw kleurvariatie

#5766C3 rgb (87,102,195) #5766C3 #4A57A6 rgb (74,87,166) #4A57A6 #3F4A8D rgb (63,74,141) #3F4A8D #363F78 rgb (54,63,120) #363F78 #2E3666 rgb (46,54,102) #2E3666 #272E57 rgb (39,46,87) #272E57 #21274A rgb (33,39,74) #21274A #1C213F rgb (28,33,63) #1C213F #181C36 rgb (24,28,54) #181C36 #14182E rgb (20,24,46) #14182E

Tinten van #6678E5

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

#6979DB rgb (105,121,219) #6979DB #6B7AD2 rgb (107,122,210) #6B7AD2 #6D7BCA rgb (109,123,202) #6D7BCA #6F7CC3 rgb (111,124,195) #6F7CC3 #717CBC rgb (113,124,188) #717CBC #737CB6 rgb (115,124,182) #737CB6 #747CB1 rgb (116,124,177) #747CB1 #757CAC rgb (117,124,172) #757CAC #767CA8 rgb (118,124,168) #767CA8 #777CA4 rgb (119,124,164) #777CA4

Alternatieven voor #6678E5

---

Hieronder ziet u enkele kleuren die dicht bij #6678E5 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.

#663CE5 rgb (102,60,229) #663CE5 #6650E5 rgb (102,80,229) #6650E5 #6664E5 rgb (102,100,229) #6664E5 #668CE5 rgb (102,140,229) #668CE5 #66A0E5 rgb (102,160,229) #66A0E5 #66B4E5 rgb (102,180,229) #66B4E5

Snel gebruik #6678E5

---

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="#6678E5;">Text here</font>	<div style="background-color:#6678E5;">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="#6678E5;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#6678E5;">Text here</font> </div>

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

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

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

Kleurenschema's met #6678E5

---

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: 55% heeft een #6678E5-verzadiging. Het toevoegen van 55% + 10% = 65% verzadiging voor onze nieuwe kleur #4356BF. Ccc17 verlagen - 10% = 45% verzadiging #8c9dff rgb (140,157,255) #8c9dff 45% verzadiging #8c74a6 rgb (108,116,166) #8c74a6 35% verzadiging #4356bf rgb (67,86,191) #4356bf 65% verzadiging #293ca6 rgb (41,60,166) #293ca6 75% 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 #9367E6 rgb (147,103,230) #9367E6 261o #6678E5 rgb (102,120,229) #6678E5 231o #67B9E6 rgb (103,185,230) #67B9E6 201o

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: #6678E5 heeft een 231o hoek. Ccc02 + 180o = 51oo toevoegen voor onze nieuwe complementaire kleur #E6D367. #6678E5 rgb (102,120,229) #6678E5 231o #E6D367 rgb (230,211,103) #E6D367 51o

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: #6678E5 heeft een 231o hoek. Ccc07 + 180o+30o = 81o optellen voor onze eerste complementaire kleur #B9E667. Afnemend 231o + 180o-30o = 21o voor de tweede complementaire kleur #E69367. #E69367 rgb (230,147,103) #E69367 21o #6678E5 rgb (102,120,229) #6678E5 231o #B9E667 rgb (185,230,103) #B9E667 81o

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. #E6677A rgb (230,103,122) #E6677A 351o #6678E5 rgb (102,120,229) #6678E5 231o #7AE667 rgb (122,230,103) #7AE667 111o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #E6677A rgb (230,103,122) #E6677A 351o #6678E5 rgb (102,120,229) #6678E5 231o #E6D367 rgb (230,211,103) #E6D367 51o #67E6D3 rgb (103,230,211) #67E6D3 171o