#6687B3 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #6687B3

#6687B3

In een RGB-kleurruimte is hex #6687B3 samengesteld uit 40% rood, 53% groen en 70% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 87 groen (135/255) en een B3 blauw component (179/255). De decimale RGB-kleurcode is rgb(102,135,179) In CMYK-kleurruimte is het samengesteld uit 43% cyaan, 25% magenta, 0% geel en 30% zwart. Het heeft een tinthoek van 214.29o graden, een verzadiging van 34% en een lichtheid van 55%. De dichtstbijzijnde websafe-kleur is: #6699cc rgb (102, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6687B3 heeft RGB-waarden van R:102, G:135, B:179 en CMYK-waarden van C:43, M:25, Y:0, K:30. De decimale waarde is 6719411.De binaire code is 11001101000011110110011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6687B3  #6687B3 RGB decimale 102, 135, 179  rgb(102, 135, 179) RGB % 40, 53, 70  rgb(40%, 53%, 70%) RGB Adobe 112, 134, 176 CMYK % 43, 25, 0, 30  43%, 25%, 0%, 30% HSL 214.29o, 34, 55  hsl(214.29o, 34%, 55%) HSV (HSB) 214o, 43%, 70%  hsv(214o, 43%, 70%)

Web Safe kleur #6699cc rgb (102, 153, 204) XYZ 22.28, 23.407 45.992 xyY 0.24, 0.26, 23.41 Hunter-Lab 48.38, 0.12, -26.1 CMY 60%, 47%, 30% Lab 55.13, -3.06, -27.24 Binair kleur 66 87 B3 1100110 10000111 10110011

Schakeringen en tinten van #6687B3

---

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

Tint kleurvariatie #6687B3

#7D99BE rgb (125,153,190) #7D99BE #91A8C8 rgb (145,168,200) #91A8C8 #A2B5D0 rgb (162,181,208) #A2B5D0 #B0C0D7 rgb (176,192,215) #B0C0D7 #BCC9DD rgb (188,201,221) #BCC9DD #C6D1E2 rgb (198,209,226) #C6D1E2 #CFD8E6 rgb (207,216,230) #CFD8E6 #D6DEEA rgb (214,222,234) #D6DEEA #DCE3ED rgb (220,227,237) #DCE3ED #E1E7F0 rgb (225,231,240) #E1E7F0

Schaduw kleurvariatie

#577398 rgb (87,115,152) #577398 #4A6281 rgb (74,98,129) #4A6281 #3F536E rgb (63,83,110) #3F536E #36475E rgb (54,71,94) #36475E #2E3C50 rgb (46,60,80) #2E3C50 #273344 rgb (39,51,68) #273344 #212B3A rgb (33,43,58) #212B3A #1C2531 rgb (28,37,49) #1C2531 #181F2A rgb (24,31,42) #181F2A #141A24 rgb (20,26,36) #141A24

Tinten van #6687B3

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

#6986AE rgb (105,134,174) #6986AE #6B85A9 rgb (107,133,169) #6B85A9 #6D85A5 rgb (109,133,165) #6D85A5 #6F85A1 rgb (111,133,161) #6F85A1 #71859E rgb (113,133,158) #71859E #73859B rgb (115,133,155) #73859B #748598 rgb (116,133,152) #748598 #758596 rgb (117,133,150) #758596 #768594 rgb (118,133,148) #768594 #778592 rgb (119,133,146) #778592

Alternatieven voor #6687B3

---

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

#664BB3 rgb (102,75,179) #664BB3 #665FB3 rgb (102,95,179) #665FB3 #6673B3 rgb (102,115,179) #6673B3 #669BB3 rgb (102,155,179) #669BB3 #66AFB3 rgb (102,175,179) #66AFB3 #66C3B3 rgb (102,195,179) #66C3B3

Snel gebruik #6687B3

---

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

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

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

Voorgeformatteerde code 6687B3	code voor script / programming
HTML, CSS:	= #6687B3; rgb(102, 135, 179)
Java:	= new Color(102, 135, 179)
.NET:	= Color.FromArgb (102, 135, 179);
Xojo:	= rgb (102, 135, 179, 0);
openGL:	= glColor3f (0.4f, 0.53f, 0.7f);
Swift:	= UIColor(red:0.4, green:0.53, blue:0.7, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.53 blue:0.7 alpha:1.00000];

Kleurenschema's met #6687B3

---

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: 43% heeft een #6687B3-verzadiging. Het toevoegen van 43% + 10% = 53% verzadiging voor onze nieuwe kleur #42628C. Ccc17 verlagen - 10% = 33% verzadiging #91b0d9 rgb (145,176,217) #91b0d9 33% verzadiging #916473 rgb (88,100,115) #916473 23% verzadiging #42628c rgb (66,98,140) #42628c 53% verzadiging #2a4a73 rgb (42,74,115) #2a4a73 63% 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 #6B66B3 rgb (107,102,179) #6B66B3 244o #6687B3 rgb (102,135,179) #6687B3 214o #66ADB3 rgb (102,173,179) #66ADB3 184o

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: #6687B3 heeft een 214o hoek. Ccc02 + 180o = 34oo toevoegen voor onze nieuwe complementaire kleur #B39166. #6687B3 rgb (102,135,179) #6687B3 214o #B39166 rgb (179,145,102) #B39166 34o

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: #6687B3 heeft een 214o hoek. Ccc07 + 180o+30o = 64o optellen voor onze eerste complementaire kleur #ADB366. Afnemend 214o + 180o-30o = 4o voor de tweede complementaire kleur #B36B66. #B36B66 rgb (179,107,102) #B36B66 4o #6687B3 rgb (102,135,179) #6687B3 214o #ADB366 rgb (173,179,102) #ADB366 64o

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. #B36687 rgb (179,102,135) #B36687 334o #6687B3 rgb (102,135,179) #6687B3 214o #87B366 rgb (135,179,102) #87B366 94o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B36687 rgb (179,102,135) #B36687 334o #6687B3 rgb (102,135,179) #6687B3 214o #B39166 rgb (179,145,102) #B39166 34o #66B391 rgb (102,179,145) #66B391 154o