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

#676AAE

In een RGB-kleurruimte is hex #676AAE samengesteld uit 40% rood, 42% groen en 68% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 6A groen (106/255) en een AE blauw component (174/255). De decimale RGB-kleurcode is rgb(103,106,174) In CMYK-kleurruimte is het samengesteld uit 41% cyaan, 39% magenta, 0% geel en 32% zwart. Het heeft een tinthoek van 237.46o graden, een verzadiging van 30% en een lichtheid van 54%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #676AAE heeft RGB-waarden van R:103, G:106, B:174 en CMYK-waarden van C:41, M:39, Y:0, K:32. De decimale waarde is 6777518.De binaire code is 11001110110101010101110
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 676AAE  #676AAE RGB decimale 103, 106, 174  rgb(103, 106, 174) RGB % 40, 42, 68  rgb(40%, 42%, 68%) RGB Adobe 104, 106, 170 CMYK % 41, 39, 0, 32  41%, 39%, 0%, 32% HSL 237.46o, 30, 54  hsl(237.46o, 30%, 54%) HSV (HSB) 237o, 41%, 68%  hsv(237o, 41%, 68%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 18.388, 16.248 42.211 xyY 0.24, 0.21, 16.25 Hunter-Lab 40.31, 13.25, -37.45 CMY 60%, 58%, 32% Lab 46.86, 12.24, -37.18 Binair kleur 67 6A AE 1100111 1101010 10101110

Schakeringen en tinten van #676AAE

---

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

Tint kleurvariatie #676AAE

#7E80BA rgb (126,128,186) #7E80BA #9193C4 rgb (145,147,196) #9193C4 #A2A3CD rgb (162,163,205) #A2A3CD #B0B1D5 rgb (176,177,213) #B0B1D5 #BCBDDB rgb (188,189,219) #BCBDDB #C6C7E0 rgb (198,199,224) #C6C7E0 #CFCFE5 rgb (207,207,229) #CFCFE5 #D6D6E9 rgb (214,214,233) #D6D6E9 #DCDCEC rgb (220,220,236) #DCDCEC #E1E1EF rgb (225,225,239) #E1E1EF

Schaduw kleurvariatie

#585A94 rgb (88,90,148) #585A94 #4B4D7E rgb (75,77,126) #4B4D7E #40416B rgb (64,65,107) #40416B #36375B rgb (54,55,91) #36375B #2E2F4D rgb (46,47,77) #2E2F4D #272841 rgb (39,40,65) #272841 #212237 rgb (33,34,55) #212237 #1C1D2F rgb (28,29,47) #1C1D2F #181928 rgb (24,25,40) #181928 #141522 rgb (20,21,34) #141522

Tinten van #676AAE

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

#6A6CA9 rgb (106,108,169) #6A6CA9 #6C6EA5 rgb (108,110,165) #6C6EA5 #6E70A1 rgb (110,112,161) #6E70A1 #70729E rgb (112,114,158) #70729E #72739B rgb (114,115,155) #72739B #737498 rgb (115,116,152) #737498 #747596 rgb (116,117,150) #747596 #757694 rgb (117,118,148) #757694 #767792 rgb (118,119,146) #767792 #777890 rgb (119,120,144) #777890

Alternatieven voor #676AAE

---

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

#672EAE rgb (103,46,174) #672EAE #6742AE rgb (103,66,174) #6742AE #6756AE rgb (103,86,174) #6756AE #677EAE rgb (103,126,174) #677EAE #6792AE rgb (103,146,174) #6792AE #67A6AE rgb (103,166,174) #67A6AE

Snel gebruik #676AAE

---

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

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

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

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

Kleurenschema's met #676AAE

---

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: 41% heeft een #676AAE-verzadiging. Het toevoegen van 41% + 10% = 51% verzadiging voor onze nieuwe kleur #424687. Ccc17 verlagen - 10% = 31% verzadiging #9295d4 rgb (146,149,212) #9295d4 31% verzadiging #92586e rgb (87,88,110) #92586e 21% verzadiging #424687 rgb (66,70,135) #424687 51% verzadiging #2b2e6e rgb (43,46,110) #2b2e6e 61% 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 #8666AD rgb (134,102,173) #8666AD 267o #676AAE rgb (103,106,174) #676AAE 237o #668DAD rgb (102,141,173) #668DAD 207o

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: #676AAE heeft een 237o hoek. Ccc02 + 180o = 57oo toevoegen voor onze nieuwe complementaire kleur #ADAA66. #676AAE rgb (103,106,174) #676AAE 237o #ADAA66 rgb (173,170,102) #ADAA66 57o

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: #676AAE heeft een 237o hoek. Ccc07 + 180o+30o = 87o optellen voor onze eerste complementaire kleur #8DAD66. Afnemend 237o + 180o-30o = 27o voor de tweede complementaire kleur #AD8666. #AD8666 rgb (173,134,102) #AD8666 27o #676AAE rgb (103,106,174) #676AAE 237o #8DAD66 rgb (141,173,102) #8DAD66 87o

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. #AD666A rgb (173,102,106) #AD666A 357o #676AAE rgb (103,106,174) #676AAE 237o #6AAD66 rgb (106,173,102) #6AAD66 117o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #AD666A rgb (173,102,106) #AD666A 357o #676AAE rgb (103,106,174) #676AAE 237o #ADAA66 rgb (173,170,102) #ADAA66 57o #66ADAA rgb (102,173,170) #66ADAA 177o