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

#676C97

In een RGB-kleurruimte is hex #676C97 samengesteld uit 40% rood, 42% groen en 59% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 6C groen (108/255) en een 97 blauw component (151/255). De decimale RGB-kleurcode is rgb(103,108,151) In CMYK-kleurruimte is het samengesteld uit 32% cyaan, 28% magenta, 0% geel en 41% zwart. Het heeft een tinthoek van 233.75o graden, een verzadiging van 19% en een lichtheid van 50%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

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

Hex kleur 676C97  #676C97 RGB decimale 103, 108, 151  rgb(103, 108, 151) RGB % 40, 42, 59  rgb(40%, 42%, 59%) RGB Adobe 104, 108, 148 CMYK % 32, 28, 0, 41  32%, 28%, 0%, 41% HSL 233.75o, 19, 50  hsl(233.75o, 19%, 50%) HSV (HSB) 234o, 32%, 59%  hsv(234o, 32%, 59%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 16.542, 15.843 31.464 xyY 0.26, 0.25, 15.84 Hunter-Lab 39.8, 6.76, -21.99 CMY 60%, 58%, 41% Lab 46.5, 6.01, -24.28 Binair kleur 67 6C 97 1100111 1101100 10010111

Schakeringen en tinten van #676C97

---

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: #14161E is de donkerste kleur en: #E1E2EB is de lichtste.

Tint kleurvariatie #676C97

#7E82A7 rgb (126,130,167) #7E82A7 #9195B4 rgb (145,149,180) #9195B4 #A2A5BF rgb (162,165,191) #A2A5BF #B0B3C9 rgb (176,179,201) #B0B3C9 #BCBED1 rgb (188,190,209) #BCBED1 #C6C8D8 rgb (198,200,216) #C6C8D8 #CFD0DE rgb (207,208,222) #CFD0DE #D6D7E3 rgb (214,215,227) #D6D7E3 #DCDDE7 rgb (220,221,231) #DCDDE7 #E1E2EB rgb (225,226,235) #E1E2EB

Schaduw kleurvariatie

#585C80 rgb (88,92,128) #585C80 #4B4E6D rgb (75,78,109) #4B4E6D #40425D rgb (64,66,93) #40425D #36384F rgb (54,56,79) #36384F #2E3043 rgb (46,48,67) #2E3043 #272939 rgb (39,41,57) #272939 #212330 rgb (33,35,48) #212330 #1C1E29 rgb (28,30,41) #1C1E29 #181A23 rgb (24,26,35) #181A23 #14161E rgb (20,22,30) #14161E

Tinten van #676C97

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

#6A6E95 rgb (106,110,149) #6A6E95 #6C7093 rgb (108,112,147) #6C7093 #6E7291 rgb (110,114,145) #6E7291 #70738F rgb (112,115,143) #70738F #72748E rgb (114,116,142) #72748E #73758D rgb (115,117,141) #73758D #74768C rgb (116,118,140) #74768C #75778B rgb (117,119,139) #75778B #76788A rgb (118,120,138) #76788A #777989 rgb (119,121,137) #777989

Alternatieven voor #676C97

---

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

#673097 rgb (103,48,151) #673097 #674497 rgb (103,68,151) #674497 #675897 rgb (103,88,151) #675897 #678097 rgb (103,128,151) #678097 #679497 rgb (103,148,151) #679497 #67A897 rgb (103,168,151) #67A897

Snel gebruik #676C97

---

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

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

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

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

Kleurenschema's met #676C97

---

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: 32% heeft een #676C97-verzadiging. Het toevoegen van 32% + 10% = 42% verzadiging voor onze nieuwe kleur #414670. Ccc17 verlagen - 10% = 22% verzadiging #9397bd rgb (147,151,189) #9397bd 22% verzadiging #934d57 rgb (76,77,87) #934d57 12% verzadiging #414670 rgb (65,70,112) #414670 42% verzadiging #2a2e57 rgb (42,46,87) #2a2e57 52% 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 #7A6696 rgb (122,102,150) #7A6696 264o #676C97 rgb (103,108,151) #676C97 234o #668396 rgb (102,131,150) #668396 204o

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: #676C97 heeft een 234o hoek. Ccc02 + 180o = 54oo toevoegen voor onze nieuwe complementaire kleur #969266. #676C97 rgb (103,108,151) #676C97 234o #969266 rgb (150,146,102) #969266 54o

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: #676C97 heeft een 234o hoek. Ccc07 + 180o+30o = 84o optellen voor onze eerste complementaire kleur #839666. Afnemend 234o + 180o-30o = 24o voor de tweede complementaire kleur #967A66. #967A66 rgb (150,122,102) #967A66 24o #676C97 rgb (103,108,151) #676C97 234o #839666 rgb (131,150,102) #839666 84o

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. #96666B rgb (150,102,107) #96666B 354o #676C97 rgb (103,108,151) #676C97 234o #6B9666 rgb (107,150,102) #6B9666 114o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #96666B rgb (150,102,107) #96666B 354o #676C97 rgb (103,108,151) #676C97 234o #969266 rgb (150,146,102) #969266 54o #669692 rgb (102,150,146) #669692 174o