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

#686CA7

In een RGB-kleurruimte is hex #686CA7 samengesteld uit 41% rood, 42% groen en 65% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 68 rood (104/255), een 6C groen (108/255) en een A7 blauw component (167/255). De decimale RGB-kleurcode is rgb(104,108,167) In CMYK-kleurruimte is het samengesteld uit 38% cyaan, 35% magenta, 0% geel en 35% zwart. Het heeft een tinthoek van 236.19o graden, een verzadiging van 26% en een lichtheid van 53%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #686CA7 heeft RGB-waarden van R:104, G:108, B:167 en CMYK-waarden van C:38, M:35, Y:0, K:35. De decimale waarde is 6843559.De binaire code is 11010000110110010100111
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 686CA7  #686CA7 RGB decimale 104, 108, 167  rgb(104, 108, 167) RGB % 41, 42, 65  rgb(41%, 42%, 65%) RGB Adobe 105, 108, 164 CMYK % 38, 35, 0, 35  38%, 35%, 0%, 35% HSL 236.19o, 26, 53  hsl(236.19o, 26%, 53%) HSV (HSB) 236o, 38%, 65%  hsv(236o, 38%, 65%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 18.047, 16.458 38.785 xyY 0.25, 0.22, 16.46 Hunter-Lab 40.57, 10.75, -31.67 CMY 59%, 58%, 35% Lab 47.2, 9.81, -32.57 Binair kleur 68 6C A7 1101000 1101100 10100111

Schakeringen en tinten van #686CA7

---

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

Tint kleurvariatie #686CA7

#7F82B4 rgb (127,130,180) #7F82B4 #9295BF rgb (146,149,191) #9295BF #A2A5C9 rgb (162,165,201) #A2A5C9 #B0B3D1 rgb (176,179,209) #B0B3D1 #BCBED8 rgb (188,190,216) #BCBED8 #C6C8DE rgb (198,200,222) #C6C8DE #CFD0E3 rgb (207,208,227) #CFD0E3 #D6D7E7 rgb (214,215,231) #D6D7E7 #DCDDEB rgb (220,221,235) #DCDDEB #E1E2EE rgb (225,226,238) #E1E2EE

Schaduw kleurvariatie

#585C8E rgb (88,92,142) #585C8E #4B4E79 rgb (75,78,121) #4B4E79 #404267 rgb (64,66,103) #404267 #363858 rgb (54,56,88) #363858 #2E304B rgb (46,48,75) #2E304B #272940 rgb (39,41,64) #272940 #212336 rgb (33,35,54) #212336 #1C1E2E rgb (28,30,46) #1C1E2E #181A27 rgb (24,26,39) #181A27 #141621 rgb (20,22,33) #141621

Tinten van #686CA7

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

#6A6EA3 rgb (106,110,163) #6A6EA3 #6C70A0 rgb (108,112,160) #6C70A0 #6E729D rgb (110,114,157) #6E729D #70739A rgb (112,115,154) #70739A #727497 rgb (114,116,151) #727497 #737595 rgb (115,117,149) #737595 #747693 rgb (116,118,147) #747693 #757791 rgb (117,119,145) #757791 #76788F rgb (118,120,143) #76788F #77798E rgb (119,121,142) #77798E

Alternatieven voor #686CA7

---

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

#6830A7 rgb (104,48,167) #6830A7 #6844A7 rgb (104,68,167) #6844A7 #6858A7 rgb (104,88,167) #6858A7 #6880A7 rgb (104,128,167) #6880A7 #6894A7 rgb (104,148,167) #6894A7 #68A8A7 rgb (104,168,167) #68A8A7

Snel gebruik #686CA7

---

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

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

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

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

Kleurenschema's met #686CA7

---

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: 38% heeft een #686CA7-verzadiging. Het toevoegen van 38% + 10% = 48% verzadiging voor onze nieuwe kleur #424680. Ccc17 verlagen - 10% = 28% verzadiging #9397cc rgb (147,151,204) #9397cc 28% verzadiging #935566 rgb (84,85,102) #935566 18% verzadiging #424680 rgb (66,70,128) #424680 48% verzadiging #2b2f66 rgb (43,47,102) #2b2f66 58% 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 #8267A6 rgb (130,103,166) #8267A6 266o #686CA7 rgb (104,108,167) #686CA7 236o #678AA6 rgb (103,138,166) #678AA6 206o

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: #686CA7 heeft een 236o hoek. Ccc02 + 180o = 56oo toevoegen voor onze nieuwe complementaire kleur #A6A267. #686CA7 rgb (104,108,167) #686CA7 236o #A6A267 rgb (166,162,103) #A6A267 56o

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: #686CA7 heeft een 236o hoek. Ccc07 + 180o+30o = 86o optellen voor onze eerste complementaire kleur #8AA667. Afnemend 236o + 180o-30o = 26o voor de tweede complementaire kleur #A68267. #A68267 rgb (166,130,103) #A68267 26o #686CA7 rgb (104,108,167) #686CA7 236o #8AA667 rgb (138,166,103) #8AA667 86o

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. #A6676B rgb (166,103,107) #A6676B 356o #686CA7 rgb (104,108,167) #686CA7 236o #6BA667 rgb (107,166,103) #6BA667 116o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #A6676B rgb (166,103,107) #A6676B 356o #686CA7 rgb (104,108,167) #686CA7 236o #A6A267 rgb (166,162,103) #A6A267 56o #67A6A2 rgb (103,166,162) #67A6A2 176o