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

#676A55

In een RGB-kleurruimte is hex #676A55 samengesteld uit 40% rood, 42% groen en 33% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 6A groen (106/255) en een 55 blauw component (85/255). De decimale RGB-kleurcode is rgb(103,106,85) In CMYK-kleurruimte is het samengesteld uit 3% cyaan, 0% magenta, 20% geel en 58% zwart. Het heeft een tinthoek van 68.57o graden, een verzadiging van 11% en een lichtheid van 37%. De dichtstbijzijnde websafe-kleur is: #666666 rgb (102, 102, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #676A55 heeft RGB-waarden van R:103, G:106, B:85 en CMYK-waarden van C:3, M:0, Y:20, K:58. De decimale waarde is 6777429.De binaire code is 11001110110101001010101
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 676A55  #676A55 RGB decimale 103, 106, 85  rgb(103, 106, 85) RGB % 40, 42, 33  rgb(40%, 42%, 33%) RGB Adobe 104, 106, 87 CMYK % 3, 0, 20, 58  3%, 0%, 20%, 58% HSL 68.57o, 11, 37  hsl(68.57o, 11%, 37%) HSV (HSB) 69o, 20%, 42%  hsv(69o, 20%, 42%)

Web Safe kleur #666666 rgb (102, 102, 102) XYZ 12.387, 13.848 10.614 xyY 0.34, 0.38, 13.85 Hunter-Lab 37.21, -3.78, 7.39 CMY 60%, 58%, 67% Lab 44.09, -4.18, 11.44 Binair kleur 67 6A 55 1100111 1101010 1010101

Schakeringen en tinten van #676A55

---

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: #141510 is de donkerste kleur en: #E1E1DE is de lichtste.

Tint kleurvariatie #676A55

#7E806F rgb (126,128,111) #7E806F #919385 rgb (145,147,133) #919385 #A2A397 rgb (162,163,151) #A2A397 #B0B1A7 rgb (176,177,167) #B0B1A7 #BCBDB4 rgb (188,189,180) #BCBDB4 #C6C7BF rgb (198,199,191) #C6C7BF #CFCFC9 rgb (207,207,201) #CFCFC9 #D6D6D1 rgb (214,214,209) #D6D6D1 #DCDCD8 rgb (220,220,216) #DCDCD8 #E1E1DE rgb (225,225,222) #E1E1DE

Schaduw kleurvariatie

#585A48 rgb (88,90,72) #585A48 #4B4D3D rgb (75,77,61) #4B4D3D #404134 rgb (64,65,52) #404134 #36372C rgb (54,55,44) #36372C #2E2F25 rgb (46,47,37) #2E2F25 #27281F rgb (39,40,31) #27281F #21221A rgb (33,34,26) #21221A #1C1D16 rgb (28,29,22) #1C1D16 #181913 rgb (24,25,19) #181913 #141510 rgb (20,21,16) #141510

Tinten van #676A55

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

#6A6C59 rgb (106,108,89) #6A6C59 #6C6E5D rgb (108,110,93) #6C6E5D #6E7061 rgb (110,112,97) #6E7061 #707264 rgb (112,114,100) #707264 #727367 rgb (114,115,103) #727367 #73746A rgb (115,116,106) #73746A #74756C rgb (116,117,108) #74756C #75766E rgb (117,118,110) #75766E #767770 rgb (118,119,112) #767770 #777872 rgb (119,120,114) #777872

Alternatieven voor #676A55

---

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

#672E55 rgb (103,46,85) #672E55 #674255 rgb (103,66,85) #674255 #675655 rgb (103,86,85) #675655 #677E55 rgb (103,126,85) #677E55 #679255 rgb (103,146,85) #679255 #67A655 rgb (103,166,85) #67A655

Snel gebruik #676A55

---

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

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

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

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

Kleurenschema's met #676A55

---

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: 20% heeft een #676A55-verzadiging. Het toevoegen van 20% + 10% = 30% verzadiging voor onze nieuwe kleur #424530. Ccc17 verlagen - 10% = 10% verzadiging #8f9183 rgb (143,145,131) #8f9183 10% verzadiging #8f2b2b rgb (43,43,43) #8f2b2b 0% verzadiging #424530 rgb (66,69,48) #424530 30% verzadiging #292b1a rgb (41,43,26) #292b1a 40% 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 #5D6B56 rgb (93,107,86) #5D6B56 99o #676A55 rgb (103,106,85) #676A55 69o #6B6456 rgb (107,100,86) #6B6456 39o

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: #676A55 heeft een 69o hoek. Ccc02 + 180o = 249oo toevoegen voor onze nieuwe complementaire kleur #59566B. #676A55 rgb (103,106,85) #676A55 69o #59566B rgb (89,86,107) #59566B 249o

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: #676A55 heeft een 69o hoek. Ccc07 + 180o+30o = 279o optellen voor onze eerste complementaire kleur #64566B. Afnemend 69o + 180o-30o = 219o voor de tweede complementaire kleur #565D6B. #565D6B rgb (86,93,107) #565D6B 219o #676A55 rgb (103,106,85) #676A55 69o #64566B rgb (100,86,107) #64566B 279o

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. #56686B rgb (86,104,107) #56686B 189o #676A55 rgb (103,106,85) #676A55 69o #6B5668 rgb (107,86,104) #6B5668 309o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #56686B rgb (86,104,107) #56686B 189o #676A55 rgb (103,106,85) #676A55 69o #59566B rgb (89,86,107) #59566B 249o #6B5956 rgb (107,89,86) #6B5956 9o