#676A8E kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #676A8E

#676A8E

In een RGB-kleurruimte is hex #676A8E samengesteld uit 40% rood, 42% groen en 56% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 6A groen (106/255) en een 8E blauw component (142/255). De decimale RGB-kleurcode is rgb(103,106,142) In CMYK-kleurruimte is het samengesteld uit 27% cyaan, 25% magenta, 0% geel en 44% zwart. Het heeft een tinthoek van 235.38o graden, een verzadiging van 16% en een lichtheid van 48%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #676A8E heeft RGB-waarden van R:103, G:106, B:142 en CMYK-waarden van C:27, M:25, Y:0, K:44. De decimale waarde is 6777486.De binaire code is 11001110110101010001110
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 676A8E  #676A8E RGB decimale 103, 106, 142  rgb(103, 106, 142) RGB % 40, 42, 56  rgb(40%, 42%, 56%) RGB Adobe 104, 106, 139 CMYK % 27, 25, 0, 44  27%, 25%, 0%, 44% HSL 235.38o, 16, 48  hsl(235.38o, 16%, 48%) HSV (HSB) 235o, 27%, 56%  hsv(235o, 27%, 56%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 15.63, 15.145 27.691 xyY 0.27, 0.26, 15.15 Hunter-Lab 38.92, 5.76, -17.72 CMY 60%, 58%, 44% Lab 45.62, 5.29, -20.31 Binair kleur 67 6A 8E 1100111 1101010 10001110

Schakeringen en tinten van #676A8E

---

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: #14151C is de donkerste kleur en: #E1E1E9 is de lichtste.

Tint kleurvariatie #676A8E

#7E809F rgb (126,128,159) #7E809F #9193AD rgb (145,147,173) #9193AD #A2A3B9 rgb (162,163,185) #A2A3B9 #B0B1C4 rgb (176,177,196) #B0B1C4 #BCBDCD rgb (188,189,205) #BCBDCD #C6C7D5 rgb (198,199,213) #C6C7D5 #CFCFDB rgb (207,207,219) #CFCFDB #D6D6E0 rgb (214,214,224) #D6D6E0 #DCDCE5 rgb (220,220,229) #DCDCE5 #E1E1E9 rgb (225,225,233) #E1E1E9

Schaduw kleurvariatie

#585A79 rgb (88,90,121) #585A79 #4B4D67 rgb (75,77,103) #4B4D67 #404158 rgb (64,65,88) #404158 #36374B rgb (54,55,75) #36374B #2E2F40 rgb (46,47,64) #2E2F40 #272836 rgb (39,40,54) #272836 #21222E rgb (33,34,46) #21222E #1C1D27 rgb (28,29,39) #1C1D27 #181921 rgb (24,25,33) #181921 #14151C rgb (20,21,28) #14151C

Tinten van #676A8E

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

#6A6C8D rgb (106,108,141) #6A6C8D #6C6E8C rgb (108,110,140) #6C6E8C #6E708B rgb (110,112,139) #6E708B #70728A rgb (112,114,138) #70728A #727389 rgb (114,115,137) #727389 #737488 rgb (115,116,136) #737488 #747587 rgb (116,117,135) #747587 #757686 rgb (117,118,134) #757686 #767785 rgb (118,119,133) #767785 #777885 rgb (119,120,133) #777885

Alternatieven voor #676A8E

---

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

#672E8E rgb (103,46,142) #672E8E #67428E rgb (103,66,142) #67428E #67568E rgb (103,86,142) #67568E #677E8E rgb (103,126,142) #677E8E #67928E rgb (103,146,142) #67928E #67A68E rgb (103,166,142) #67A68E

Snel gebruik #676A8E

---

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

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

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

Voorgeformatteerde code 676A8E	code voor script / programming
HTML, CSS:	= #676A8E; rgb(103, 106, 142)
Java:	= new Color(103, 106, 142)
.NET:	= Color.FromArgb (103, 106, 142);
Xojo:	= rgb (103, 106, 142, 0);
openGL:	= glColor3f (0.4f, 0.42f, 0.56f);
Swift:	= UIColor(red:0.4, green:0.42, blue:0.56, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.42 blue:0.56 alpha:1.00000];

Kleurenschema's met #676A8E

---

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: 27% heeft een #676A8E-verzadiging. Het toevoegen van 27% + 10% = 37% verzadiging voor onze nieuwe kleur #424569. Ccc17 verlagen - 10% = 17% verzadiging #9699b5 rgb (150,153,181) #9699b5 17% verzadiging #964a4f rgb (74,74,79) #964a4f 7% verzadiging #424569 rgb (66,69,105) #424569 37% verzadiging #2a2d4f rgb (42,45,79) #2a2d4f 47% 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 #78688F rgb (120,104,143) #78688F 265o #676A8E rgb (103,106,142) #676A8E 235o #687F8F rgb (104,127,143) #687F8F 205o

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: #676A8E heeft een 235o hoek. Ccc02 + 180o = 55oo toevoegen voor onze nieuwe complementaire kleur #8F8C68. #676A8E rgb (103,106,142) #676A8E 235o #8F8C68 rgb (143,140,104) #8F8C68 55o

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: #676A8E heeft een 235o hoek. Ccc07 + 180o+30o = 85o optellen voor onze eerste complementaire kleur #7F8F68. Afnemend 235o + 180o-30o = 25o voor de tweede complementaire kleur #8F7868. #8F7868 rgb (143,120,104) #8F7868 25o #676A8E rgb (103,106,142) #676A8E 235o #7F8F68 rgb (127,143,104) #7F8F68 85o

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. #8F686B rgb (143,104,107) #8F686B 355o #676A8E rgb (103,106,142) #676A8E 235o #6B8F68 rgb (107,143,104) #6B8F68 115o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #8F686B rgb (143,104,107) #8F686B 355o #676A8E rgb (103,106,142) #676A8E 235o #8F8C68 rgb (143,140,104) #8F8C68 55o #688F8C rgb (104,143,140) #688F8C 175o