#686AD9 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #686AD9

#686AD9

In een RGB-kleurruimte is hex #686AD9 samengesteld uit 41% rood, 42% groen en 85% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 68 rood (104/255), een 6A groen (106/255) en een D9 blauw component (217/255). De decimale RGB-kleurcode is rgb(104,106,217) In CMYK-kleurruimte is het samengesteld uit 52% cyaan, 51% magenta, 0% geel en 15% zwart. Het heeft een tinthoek van 238.94o graden, een verzadiging van 60% en een lichtheid van 63%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #686AD9 heeft RGB-waarden van R:104, G:106, B:217 en CMYK-waarden van C:52, M:51, Y:0, K:15. De decimale waarde is 6843097.De binaire code is 11010000110101011011001
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 686AD9  #686AD9 RGB decimale 104, 106, 217  rgb(104, 106, 217) RGB % 41, 42, 85  rgb(41%, 42%, 85%) RGB Adobe 104, 106, 213 CMYK % 52, 51, 0, 15  52%, 51%, 0%, 15% HSL 238.94o, 60, 63  hsl(238.94o, 60%, 63%) HSV (HSB) 239o, 52%, 85%  hsv(239o, 52%, 85%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 23.387, 18.261 67.938 xyY 0.21, 0.17, 18.26 Hunter-Lab 42.73, 25.59, -69.24 CMY 59%, 58%, 15% Lab 49.03, 22.96, -58.4 Binair kleur 68 6A D9 1101000 1101010 11011001

Schakeringen en tinten van #686AD9

---

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: #14152B is de donkerste kleur en: #E1E1F8 is de lichtste.

Tint kleurvariatie #686AD9

#7F80DF rgb (127,128,223) #7F80DF #9293E4 rgb (146,147,228) #9293E4 #A2A3E8 rgb (162,163,232) #A2A3E8 #B0B1EB rgb (176,177,235) #B0B1EB #BCBDEE rgb (188,189,238) #BCBDEE #C6C7F1 rgb (198,199,241) #C6C7F1 #CFCFF3 rgb (207,207,243) #CFCFF3 #D6D6F5 rgb (214,214,245) #D6D6F5 #DCDCF7 rgb (220,220,247) #DCDCF7 #E1E1F8 rgb (225,225,248) #E1E1F8

Schaduw kleurvariatie

#585AB8 rgb (88,90,184) #585AB8 #4B4D9C rgb (75,77,156) #4B4D9C #404185 rgb (64,65,133) #404185 #363771 rgb (54,55,113) #363771 #2E2F60 rgb (46,47,96) #2E2F60 #272852 rgb (39,40,82) #272852 #212246 rgb (33,34,70) #212246 #1C1D3C rgb (28,29,60) #1C1D3C #181933 rgb (24,25,51) #181933 #14152B rgb (20,21,43) #14152B

Tinten van #686AD9

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

#6A6CD0 rgb (106,108,208) #6A6CD0 #6C6EC8 rgb (108,110,200) #6C6EC8 #6E70C1 rgb (110,112,193) #6E70C1 #7072BB rgb (112,114,187) #7072BB #7273B5 rgb (114,115,181) #7273B5 #7374B0 rgb (115,116,176) #7374B0 #7475AB rgb (116,117,171) #7475AB #7576A7 rgb (117,118,167) #7576A7 #7677A3 rgb (118,119,163) #7677A3 #7778A0 rgb (119,120,160) #7778A0

Alternatieven voor #686AD9

---

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

#682ED9 rgb (104,46,217) #682ED9 #6842D9 rgb (104,66,217) #6842D9 #6856D9 rgb (104,86,217) #6856D9 #687ED9 rgb (104,126,217) #687ED9 #6892D9 rgb (104,146,217) #6892D9 #68A6D9 rgb (104,166,217) #68A6D9

Snel gebruik #686AD9

---

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

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

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

Voorgeformatteerde code 686AD9	code voor script / programming
HTML, CSS:	= #686AD9; rgb(104, 106, 217)
Java:	= new Color(104, 106, 217)
.NET:	= Color.FromArgb (104, 106, 217);
Xojo:	= rgb (104, 106, 217, 0);
openGL:	= glColor3f (0.41f, 0.42f, 0.85f);
Swift:	= UIColor(red:0.41, green:0.42, blue:0.85, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.42 blue:0.85 alpha:1.00000];

Kleurenschema's met #686AD9

---

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: 52% heeft een #686AD9-verzadiging. Het toevoegen van 52% + 10% = 62% verzadiging voor onze nieuwe kleur #4446B3. Ccc17 verlagen - 10% = 42% verzadiging #9496ff rgb (148,150,255) #9496ff 42% verzadiging #946999 rgb (104,105,153) #946999 32% verzadiging #4446b3 rgb (68,70,179) #4446b3 62% verzadiging #2b2d99 rgb (43,45,153) #2b2d99 72% 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 #9F68D9 rgb (159,104,217) #9F68D9 269o #686AD9 rgb (104,106,217) #686AD9 239o #68A2D9 rgb (104,162,217) #68A2D9 209o

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: #686AD9 heeft een 239o hoek. Ccc02 + 180o = 59oo toevoegen voor onze nieuwe complementaire kleur #D9D768. #686AD9 rgb (104,106,217) #686AD9 239o #D9D768 rgb (217,215,104) #D9D768 59o

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: #686AD9 heeft een 239o hoek. Ccc07 + 180o+30o = 89o optellen voor onze eerste complementaire kleur #A2D968. Afnemend 239o + 180o-30o = 29o voor de tweede complementaire kleur #D99F68. #D99F68 rgb (217,159,104) #D99F68 29o #686AD9 rgb (104,106,217) #686AD9 239o #A2D968 rgb (162,217,104) #A2D968 89o

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. #D9686A rgb (217,104,106) #D9686A 359o #686AD9 rgb (104,106,217) #686AD9 239o #6AD968 rgb (106,217,104) #6AD968 119o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #D9686A rgb (217,104,106) #D9686A 359o #686AD9 rgb (104,106,217) #686AD9 239o #D9D768 rgb (217,215,104) #D9D768 59o #68D9D7 rgb (104,217,215) #68D9D7 179o