#688EA1 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #688EA1

#688EA1

In een RGB-kleurruimte is hex #688EA1 samengesteld uit 41% rood, 56% groen en 63% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 68 rood (104/255), een 8E groen (142/255) en een A1 blauw component (161/255). De decimale RGB-kleurcode is rgb(104,142,161) In CMYK-kleurruimte is het samengesteld uit 35% cyaan, 12% magenta, 0% geel en 37% zwart. Het heeft een tinthoek van 200o graden, een verzadiging van 23% en een lichtheid van 52%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #688EA1 heeft RGB-waarden van R:104, G:142, B:161 en CMYK-waarden van C:35, M:12, Y:0, K:37. De decimale waarde is 6852257.De binaire code is 11010001000111010100001
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 688EA1  #688EA1 RGB decimale 104, 142, 161  rgb(104, 142, 161) RGB % 41, 56, 63  rgb(41%, 56%, 63%) RGB Adobe 116, 141, 159 CMYK % 35, 12, 0, 37  35%, 12%, 0%, 37% HSL 200o, 23, 52  hsl(200o, 23%, 52%) HSV (HSB) 200o, 35%, 63%  hsv(200o, 35%, 63%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 21.815, 24.862 37.367 xyY 0.26, 0.3, 24.86 Hunter-Lab 49.86, -6.6, -12.71 CMY 59%, 44%, 37% Lab 56.72, -9.99, -14.58 Binair kleur 68 8E A1 1101000 10001110 10100001

Schakeringen en tinten van #688EA1

---

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: #141C1F is de donkerste kleur en: #E1E9EC is de lichtste.

Tint kleurvariatie #688EA1

#7F9FAF rgb (127,159,175) #7F9FAF #92ADBB rgb (146,173,187) #92ADBB #A2B9C5 rgb (162,185,197) #A2B9C5 #B0C4CE rgb (176,196,206) #B0C4CE #BCCDD5 rgb (188,205,213) #BCCDD5 #C6D5DB rgb (198,213,219) #C6D5DB #CFDBE0 rgb (207,219,224) #CFDBE0 #D6E0E5 rgb (214,224,229) #D6E0E5 #DCE5E9 rgb (220,229,233) #DCE5E9 #E1E9EC rgb (225,233,236) #E1E9EC

Schaduw kleurvariatie

#587989 rgb (88,121,137) #587989 #4B6774 rgb (75,103,116) #4B6774 #405863 rgb (64,88,99) #405863 #364B54 rgb (54,75,84) #364B54 #2E4047 rgb (46,64,71) #2E4047 #27363C rgb (39,54,60) #27363C #212E33 rgb (33,46,51) #212E33 #1C272B rgb (28,39,43) #1C272B #182125 rgb (24,33,37) #182125 #141C1F rgb (20,28,31) #141C1F

Tinten van #688EA1

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

#6A8D9E rgb (106,141,158) #6A8D9E #6C8C9B rgb (108,140,155) #6C8C9B #6E8B98 rgb (110,139,152) #6E8B98 #708A96 rgb (112,138,150) #708A96 #728994 rgb (114,137,148) #728994 #738892 rgb (115,136,146) #738892 #748790 rgb (116,135,144) #748790 #75868E rgb (117,134,142) #75868E #76858D rgb (118,133,141) #76858D #77858C rgb (119,133,140) #77858C

Alternatieven voor #688EA1

---

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

#6852A1 rgb (104,82,161) #6852A1 #6866A1 rgb (104,102,161) #6866A1 #687AA1 rgb (104,122,161) #687AA1 #68A2A1 rgb (104,162,161) #68A2A1 #68B6A1 rgb (104,182,161) #68B6A1 #68CAA1 rgb (104,202,161) #68CAA1

Snel gebruik #688EA1

---

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

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

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

Voorgeformatteerde code 688EA1	code voor script / programming
HTML, CSS:	= #688EA1; rgb(104, 142, 161)
Java:	= new Color(104, 142, 161)
.NET:	= Color.FromArgb (104, 142, 161);
Xojo:	= rgb (104, 142, 161, 0);
openGL:	= glColor3f (0.41f, 0.56f, 0.63f);
Swift:	= UIColor(red:0.41, green:0.56, blue:0.63, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.56 blue:0.63 alpha:1.00000];

Kleurenschema's met #688EA1

---

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: 35% heeft een #688EA1-verzadiging. Het toevoegen van 35% + 10% = 45% verzadiging voor onze nieuwe kleur #43687A. Ccc17 verlagen - 10% = 25% verzadiging #95b6c7 rgb (149,182,199) #95b6c7 25% verzadiging #955c61 rgb (82,92,97) #955c61 15% verzadiging #43687a rgb (67,104,122) #43687a 45% verzadiging #2c4f61 rgb (44,79,97) #2c4f61 55% 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 #6872A1 rgb (104,114,161) #6872A1 230o #688EA1 rgb (104,142,161) #688EA1 200o #68A197 rgb (104,161,151) #68A197 170o

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: #688EA1 heeft een 200o hoek. Ccc02 + 180o = 20oo toevoegen voor onze nieuwe complementaire kleur #A17B68. #688EA1 rgb (104,142,161) #688EA1 200o #A17B68 rgb (161,123,104) #A17B68 20o

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: #688EA1 heeft een 200o hoek. Ccc07 + 180o+30o = 50o optellen voor onze eerste complementaire kleur #A19768. Afnemend 200o + 180o-30o = 350o voor de tweede complementaire kleur #A16872. #A16872 rgb (161,104,114) #A16872 350o #688EA1 rgb (104,142,161) #688EA1 200o #A19768 rgb (161,151,104) #A19768 50o

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. #A1688E rgb (161,104,142) #A1688E 320o #688EA1 rgb (104,142,161) #688EA1 200o #8EA168 rgb (142,161,104) #8EA168 80o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #A1688E rgb (161,104,142) #A1688E 320o #688EA1 rgb (104,142,161) #688EA1 200o #A17B68 rgb (161,123,104) #A17B68 20o #68A17B rgb (104,161,123) #68A17B 140o