#6682B0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #6682B0

#6682B0

In een RGB-kleurruimte is hex #6682B0 samengesteld uit 40% rood, 51% groen en 69% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 82 groen (130/255) en een B0 blauw component (176/255). De decimale RGB-kleurcode is rgb(102,130,176) In CMYK-kleurruimte is het samengesteld uit 42% cyaan, 26% magenta, 0% geel en 31% zwart. Het heeft een tinthoek van 217.3o graden, een verzadiging van 32% en een lichtheid van 55%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6682B0 heeft RGB-waarden van R:102, G:130, B:176 en CMYK-waarden van C:42, M:26, Y:0, K:31. De decimale waarde is 6718128.De binaire code is 11001101000001010110000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6682B0  #6682B0 RGB decimale 102, 130, 176  rgb(102, 130, 176) RGB % 40, 51, 69  rgb(40%, 51%, 69%) RGB Adobe 110, 129, 173 CMYK % 42, 26, 0, 31  42%, 26%, 0%, 31% HSL 217.3o, 32, 55  hsl(217.3o, 32%, 55%) HSV (HSB) 217o, 42%, 69%  hsv(217o, 42%, 69%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 21.299, 21.925 44.184 xyY 0.24, 0.25, 21.93 Hunter-Lab 46.82, 1.78, -26.71 CMY 60%, 49%, 31% Lab 53.59, -1.04, -27.9 Binair kleur 66 82 B0 1100110 10000010 10110000

Schakeringen en tinten van #6682B0

---

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

Tint kleurvariatie #6682B0

#7D95BC rgb (125,149,188) #7D95BC #91A5C6 rgb (145,165,198) #91A5C6 #A2B3CF rgb (162,179,207) #A2B3CF #B0BED6 rgb (176,190,214) #B0BED6 #BCC8DC rgb (188,200,220) #BCC8DC #C6D0E1 rgb (198,208,225) #C6D0E1 #CFD7E6 rgb (207,215,230) #CFD7E6 #D6DDEA rgb (214,221,234) #D6DDEA #DCE2ED rgb (220,226,237) #DCE2ED #E1E6F0 rgb (225,230,240) #E1E6F0

Schaduw kleurvariatie

#576F96 rgb (87,111,150) #576F96 #4A5E80 rgb (74,94,128) #4A5E80 #3F506D rgb (63,80,109) #3F506D #36445D rgb (54,68,93) #36445D #2E3A4F rgb (46,58,79) #2E3A4F #273143 rgb (39,49,67) #273143 #212A39 rgb (33,42,57) #212A39 #1C2430 rgb (28,36,48) #1C2430 #181F29 rgb (24,31,41) #181F29 #141A23 rgb (20,26,35) #141A23

Tinten van #6682B0

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

#6982AB rgb (105,130,171) #6982AB #6B82A7 rgb (107,130,167) #6B82A7 #6D82A3 rgb (109,130,163) #6D82A3 #6F82A0 rgb (111,130,160) #6F82A0 #71829D rgb (113,130,157) #71829D #73829A rgb (115,130,154) #73829A #748297 rgb (116,130,151) #748297 #758295 rgb (117,130,149) #758295 #768293 rgb (118,130,147) #768293 #778291 rgb (119,130,145) #778291

Alternatieven voor #6682B0

---

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

#6646B0 rgb (102,70,176) #6646B0 #665AB0 rgb (102,90,176) #665AB0 #666EB0 rgb (102,110,176) #666EB0 #6696B0 rgb (102,150,176) #6696B0 #66AAB0 rgb (102,170,176) #66AAB0 #66BEB0 rgb (102,190,176) #66BEB0

Snel gebruik #6682B0

---

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

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

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

Voorgeformatteerde code 6682B0	code voor script / programming
HTML, CSS:	= #6682B0; rgb(102, 130, 176)
Java:	= new Color(102, 130, 176)
.NET:	= Color.FromArgb (102, 130, 176);
Xojo:	= rgb (102, 130, 176, 0);
openGL:	= glColor3f (0.4f, 0.51f, 0.69f);
Swift:	= UIColor(red:0.4, green:0.51, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.51 blue:0.69 alpha:1.00000];

Kleurenschema's met #6682B0

---

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: 42% heeft een #6682B0-verzadiging. Het toevoegen van 42% + 10% = 52% verzadiging voor onze nieuwe kleur #425E8A. Ccc17 verlagen - 10% = 32% verzadiging #92acd6 rgb (146,172,214) #92acd6 32% verzadiging #926170 rgb (88,97,112) #926170 22% verzadiging #425e8a rgb (66,94,138) #425e8a 52% verzadiging #2b4570 rgb (43,69,112) #2b4570 62% 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 #6F66B0 rgb (111,102,176) #6F66B0 247o #6682B0 rgb (102,130,176) #6682B0 217o #66A7B0 rgb (102,167,176) #66A7B0 187o

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: #6682B0 heeft een 217o hoek. Ccc02 + 180o = 37oo toevoegen voor onze nieuwe complementaire kleur #B09466. #6682B0 rgb (102,130,176) #6682B0 217o #B09466 rgb (176,148,102) #B09466 37o

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: #6682B0 heeft een 217o hoek. Ccc07 + 180o+30o = 67o optellen voor onze eerste complementaire kleur #A7B066. Afnemend 217o + 180o-30o = 7o voor de tweede complementaire kleur #B06F66. #B06F66 rgb (176,111,102) #B06F66 7o #6682B0 rgb (102,130,176) #6682B0 217o #A7B066 rgb (167,176,102) #A7B066 67o

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. #B06682 rgb (176,102,130) #B06682 337o #6682B0 rgb (102,130,176) #6682B0 217o #82B066 rgb (130,176,102) #82B066 97o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B06682 rgb (176,102,130) #B06682 337o #6682B0 rgb (102,130,176) #6682B0 217o #B09466 rgb (176,148,102) #B09466 37o #66B094 rgb (102,176,148) #66B094 157o