#687A77 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #687A77

#687A77

In een RGB-kleurruimte is hex #687A77 samengesteld uit 41% rood, 48% groen en 47% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 68 rood (104/255), een 7A groen (122/255) en een 77 blauw component (119/255). De decimale RGB-kleurcode is rgb(104,122,119) In CMYK-kleurruimte is het samengesteld uit 15% cyaan, 0% magenta, 2% geel en 52% zwart. Het heeft een tinthoek van 170o graden, een verzadiging van 8% en een lichtheid van 44%. De dichtstbijzijnde websafe-kleur is: #666666 rgb (102, 102, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #687A77 heeft RGB-waarden van R:104, G:122, B:119 en CMYK-waarden van C:15, M:0, Y:2, K:52. De decimale waarde is 6847095.De binaire code is 11010000111101001110111
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 687A77  #687A77 RGB decimale 104, 122, 119  rgb(104, 122, 119) RGB % 41, 48, 47  rgb(41%, 48%, 47%) RGB Adobe 109, 121, 118 CMYK % 15, 0, 2, 52  15%, 0%, 2%, 52% HSL 170o, 8, 44  hsl(170o, 8%, 44%) HSV (HSB) 170o, 15%, 48%  hsv(170o, 15%, 48%)

Web Safe kleur #666666 rgb (102, 102, 102) XYZ 15.998, 18.194 20.121 xyY 0.29, 0.33, 18.19 Hunter-Lab 42.65, -5.5, -0.45 CMY 59%, 52%, 53% Lab 49.68, -7.36, -0.7 Binair kleur 68 7A 77 1101000 1111010 1110111

Schakeringen en tinten van #687A77

---

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

Tint kleurvariatie #687A77

#7F8E8B rgb (127,142,139) #7F8E8B #929F9C rgb (146,159,156) #929F9C #A2ADAB rgb (162,173,171) #A2ADAB #B0B9B8 rgb (176,185,184) #B0B9B8 #BCC4C3 rgb (188,196,195) #BCC4C3 #C6CDCC rgb (198,205,204) #C6CDCC #CFD5D4 rgb (207,213,212) #CFD5D4 #D6DBDA rgb (214,219,218) #D6DBDA #DCE0E0 rgb (220,224,224) #DCE0E0 #E1E5E5 rgb (225,229,229) #E1E5E5

Schaduw kleurvariatie

#586865 rgb (88,104,101) #586865 #4B5856 rgb (75,88,86) #4B5856 #404B49 rgb (64,75,73) #404B49 #36403E rgb (54,64,62) #36403E #2E3635 rgb (46,54,53) #2E3635 #272E2D rgb (39,46,45) #272E2D #212726 rgb (33,39,38) #212726 #1C2120 rgb (28,33,32) #1C2120 #181C1B rgb (24,28,27) #181C1B #141817 rgb (20,24,23) #141817

Tinten van #687A77

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

#6A7B78 rgb (106,123,120) #6A7B78 #6C7C79 rgb (108,124,121) #6C7C79 #6E7C7A rgb (110,124,122) #6E7C7A #707C7B rgb (112,124,123) #707C7B #727C7C rgb (114,124,124) #727C7C #737C7C rgb (115,124,124) #737C7C #747C7C rgb (116,124,124) #747C7C #757C7C rgb (117,124,124) #757C7C #767C7C rgb (118,124,124) #767C7C #777C7C rgb (119,124,124) #777C7C

Alternatieven voor #687A77

---

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

#683E77 rgb (104,62,119) #683E77 #685277 rgb (104,82,119) #685277 #686677 rgb (104,102,119) #686677 #688E77 rgb (104,142,119) #688E77 #68A277 rgb (104,162,119) #68A277 #68B677 rgb (104,182,119) #68B677

Snel gebruik #687A77

---

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

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

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

Voorgeformatteerde code 687A77	code voor script / programming
HTML, CSS:	= #687A77; rgb(104, 122, 119)
Java:	= new Color(104, 122, 119)
.NET:	= Color.FromArgb (104, 122, 119);
Xojo:	= rgb (104, 122, 119, 0);
openGL:	= glColor3f (0.41f, 0.48f, 0.47f);
Swift:	= UIColor(red:0.41, green:0.48, blue:0.47, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.48 blue:0.47 alpha:1.00000];

Kleurenschema's met #687A77

---

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: 15% heeft een #687A77-verzadiging. Het toevoegen van 15% + 10% = 25% verzadiging voor onze nieuwe kleur #3F5451. Ccc17 verlagen - 10% = 5% verzadiging #99a19f rgb (153,161,159) #99a19f 5% verzadiging #993b3b rgb (59,59,59) #993b3b 0% verzadiging #3f5451 rgb (63,84,81) #3f5451 25% verzadiging #263b37 rgb (38,59,55) #263b37 35% 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 #68747A rgb (104,116,122) #68747A 200o #687A77 rgb (104,122,119) #687A77 170o #687A6E rgb (104,122,110) #687A6E 140o

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: #687A77 heeft een 170o hoek. Ccc02 + 180o = 350oo toevoegen voor onze nieuwe complementaire kleur #7A686B. #687A77 rgb (104,122,119) #687A77 170o #7A686B rgb (122,104,107) #7A686B 350o

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: #687A77 heeft een 170o hoek. Ccc07 + 180o+30o = 20o optellen voor onze eerste complementaire kleur #7A6E68. Afnemend 170o + 180o-30o = 320o voor de tweede complementaire kleur #7A6874. #7A6874 rgb (122,104,116) #7A6874 320o #687A77 rgb (104,122,119) #687A77 170o #7A6E68 rgb (122,110,104) #7A6E68 20o

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. #77687A rgb (119,104,122) #77687A 290o #687A77 rgb (104,122,119) #687A77 170o #7A7768 rgb (122,119,104) #7A7768 50o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #77687A rgb (119,104,122) #77687A 290o #687A77 rgb (104,122,119) #687A77 170o #7A686B rgb (122,104,107) #7A686B 350o #6B7A68 rgb (107,122,104) #6B7A68 110o