#677EEB kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #677EEB

#677EEB

In een RGB-kleurruimte is hex #677EEB samengesteld uit 40% rood, 49% groen en 92% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 7E groen (126/255) en een EB blauw component (235/255). De decimale RGB-kleurcode is rgb(103,126,235) In CMYK-kleurruimte is het samengesteld uit 56% cyaan, 46% magenta, 0% geel en 8% zwart. Het heeft een tinthoek van 229.55o graden, een verzadiging van 77% en een lichtheid van 66%. De dichtstbijzijnde websafe-kleur is: #6666ff rgb (102, 102, 255).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #677EEB heeft RGB-waarden van R:103, G:126, B:235 en CMYK-waarden van C:56, M:46, Y:0, K:8. De decimale waarde is 6782699.De binaire code is 11001110111111011101011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 677EEB  #677EEB RGB decimale 103, 126, 235  rgb(103, 126, 235) RGB % 40, 49, 92  rgb(40%, 49%, 92%) RGB Adobe 110, 125, 231 CMYK % 56, 46, 0, 8  56%, 46%, 0%, 8% HSL 229.55o, 77, 66  hsl(229.55o, 77%, 66%) HSV (HSB) 230o, 56%, 92%  hsv(230o, 56%, 92%)

Web Safe kleur #6666ff rgb (102, 102, 255) XYZ 28.05, 23.803 81.713 xyY 0.21, 0.18, 23.8 Hunter-Lab 48.79, 20.17, -70.41 CMY 60%, 51%, 8% Lab 55.08, 15.95, -58.82 Binair kleur 67 7E EB 1100111 1111110 11101011

Schakeringen en tinten van #677EEB

---

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: #14192F is de donkerste kleur en: #E1E6FC is de lichtste.

Tint kleurvariatie #677EEB

#7E91EE rgb (126,145,238) #7E91EE #91A2F1 rgb (145,162,241) #91A2F1 #A2B0F3 rgb (162,176,243) #A2B0F3 #B0BCF5 rgb (176,188,245) #B0BCF5 #BCC6F7 rgb (188,198,247) #BCC6F7 #C6CFF8 rgb (198,207,248) #C6CFF8 #CFD6F9 rgb (207,214,249) #CFD6F9 #D6DCFA rgb (214,220,250) #D6DCFA #DCE1FB rgb (220,225,251) #DCE1FB #E1E6FC rgb (225,230,252) #E1E6FC

Schaduw kleurvariatie

#586BC8 rgb (88,107,200) #586BC8 #4B5BAA rgb (75,91,170) #4B5BAA #404D91 rgb (64,77,145) #404D91 #36417B rgb (54,65,123) #36417B #2E3769 rgb (46,55,105) #2E3769 #272F59 rgb (39,47,89) #272F59 #21284C rgb (33,40,76) #21284C #1C2241 rgb (28,34,65) #1C2241 #181D37 rgb (24,29,55) #181D37 #14192F rgb (20,25,47) #14192F

Tinten van #677EEB

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

#6A7EE0 rgb (106,126,224) #6A7EE0 #6C7ED6 rgb (108,126,214) #6C7ED6 #6E7ECD rgb (110,126,205) #6E7ECD #707EC5 rgb (112,126,197) #707EC5 #727EBE rgb (114,126,190) #727EBE #737EB8 rgb (115,126,184) #737EB8 #747EB2 rgb (116,126,178) #747EB2 #757EAD rgb (117,126,173) #757EAD #767EA9 rgb (118,126,169) #767EA9 #777EA5 rgb (119,126,165) #777EA5

Alternatieven voor #677EEB

---

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

#6742EB rgb (103,66,235) #6742EB #6756EB rgb (103,86,235) #6756EB #676AEB rgb (103,106,235) #676AEB #6792EB rgb (103,146,235) #6792EB #67A6EB rgb (103,166,235) #67A6EB #67BAEB rgb (103,186,235) #67BAEB

Snel gebruik #677EEB

---

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

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

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

Voorgeformatteerde code 677EEB	code voor script / programming
HTML, CSS:	= #677EEB; rgb(103, 126, 235)
Java:	= new Color(103, 126, 235)
.NET:	= Color.FromArgb (103, 126, 235);
Xojo:	= rgb (103, 126, 235, 0);
openGL:	= glColor3f (0.4f, 0.49f, 0.92f);
Swift:	= UIColor(red:0.4, green:0.49, blue:0.92, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.49 blue:0.92 alpha:1.00000];

Kleurenschema's met #677EEB

---

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: 56% heeft een #677EEB-verzadiging. Het toevoegen van 56% + 10% = 66% verzadiging voor onze nieuwe kleur #4358C4. Ccc17 verlagen - 10% = 46% verzadiging #8a9dff rgb (138,157,255) #8a9dff 46% verzadiging #8a78ab rgb (109,120,171) #8a78ab 36% verzadiging #4358c4 rgb (67,88,196) #4358c4 66% verzadiging #293fab rgb (41,63,171) #293fab 76% 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 #9367EB rgb (147,103,235) #9367EB 260o #677EEB rgb (103,126,235) #677EEB 230o #67BFEB rgb (103,191,235) #67BFEB 200o

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: #677EEB heeft een 230o hoek. Ccc02 + 180o = 50oo toevoegen voor onze nieuwe complementaire kleur #EBD567. #677EEB rgb (103,126,235) #677EEB 230o #EBD567 rgb (235,213,103) #EBD567 50o

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: #677EEB heeft een 230o hoek. Ccc07 + 180o+30o = 80o optellen voor onze eerste complementaire kleur #BFEB67. Afnemend 230o + 180o-30o = 20o voor de tweede complementaire kleur #EB9367. #EB9367 rgb (235,147,103) #EB9367 20o #677EEB rgb (103,126,235) #677EEB 230o #BFEB67 rgb (191,235,103) #BFEB67 80o

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. #EB677D rgb (235,103,125) #EB677D 350o #677EEB rgb (103,126,235) #677EEB 230o #7DEB67 rgb (125,235,103) #7DEB67 110o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #EB677D rgb (235,103,125) #EB677D 350o #677EEB rgb (103,126,235) #677EEB 230o #EBD567 rgb (235,213,103) #EBD567 50o #67EBD5 rgb (103,235,213) #67EBD5 170o