#6BA7B0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #6BA7B0

#6BA7B0

In een RGB-kleurruimte is hex #6BA7B0 samengesteld uit 42% rood, 65% groen en 69% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 6B rood (107/255), een A7 groen (167/255) en een B0 blauw component (176/255). De decimale RGB-kleurcode is rgb(107,167,176) In CMYK-kleurruimte is het samengesteld uit 39% cyaan, 5% magenta, 0% geel en 31% zwart. Het heeft een tinthoek van 187.83o graden, een verzadiging van 30% en een lichtheid van 55%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6BA7B0 heeft RGB-waarden van R:107, G:167, B:176 en CMYK-waarden van C:39, M:5, Y:0, K:31. De decimale waarde is 7055280.De binaire code is 11010111010011110110000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6BA7B0  #6BA7B0 RGB decimale 107, 167, 176  rgb(107, 167, 176) RGB % 42, 65, 69  rgb(42%, 65%, 69%) RGB Adobe 127, 165, 174 CMYK % 39, 5, 0, 31  39%, 5%, 0%, 31% HSL 187.83o, 30, 55  hsl(187.83o, 30%, 55%) HSV (HSB) 188o, 39%, 69%  hsv(188o, 39%, 69%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 27.719, 33.898 46.156 xyY 0.26, 0.31, 33.9 Hunter-Lab 58.22, -14.02, -9.78 CMY 58%, 35%, 31% Lab 64.65, -18.49, -11.17 Binair kleur 6B A7 B0 1101011 10100111 10110000

Schakeringen en tinten van #6BA7B0

---

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

Tint kleurvariatie #6BA7B0

#81B4BC rgb (129,180,188) #81B4BC #94BFC6 rgb (148,191,198) #94BFC6 #A4C9CF rgb (164,201,207) #A4C9CF #B2D1D6 rgb (178,209,214) #B2D1D6 #BED8DC rgb (190,216,220) #BED8DC #C8DEE1 rgb (200,222,225) #C8DEE1 #D0E3E6 rgb (208,227,230) #D0E3E6 #D7E7EA rgb (215,231,234) #D7E7EA #DDEBED rgb (221,235,237) #DDEBED #E2EEF0 rgb (226,238,240) #E2EEF0

Schaduw kleurvariatie

#5B8E96 rgb (91,142,150) #5B8E96 #4D7980 rgb (77,121,128) #4D7980 #41676D rgb (65,103,109) #41676D #37585D rgb (55,88,93) #37585D #2F4B4F rgb (47,75,79) #2F4B4F #284043 rgb (40,64,67) #284043 #223639 rgb (34,54,57) #223639 #1D2E30 rgb (29,46,48) #1D2E30 #192729 rgb (25,39,41) #192729 #152123 rgb (21,33,35) #152123

Tinten van #6BA7B0

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

#6DA3AB rgb (109,163,171) #6DA3AB #6FA0A7 rgb (111,160,167) #6FA0A7 #719DA3 rgb (113,157,163) #719DA3 #739AA0 rgb (115,154,160) #739AA0 #74979D rgb (116,151,157) #74979D #75959A rgb (117,149,154) #75959A #769397 rgb (118,147,151) #769397 #779195 rgb (119,145,149) #779195 #788F93 rgb (120,143,147) #788F93 #798E91 rgb (121,142,145) #798E91

Alternatieven voor #6BA7B0

---

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

#6B6BB0 rgb (107,107,176) #6B6BB0 #6B7FB0 rgb (107,127,176) #6B7FB0 #6B93B0 rgb (107,147,176) #6B93B0 #6BBBB0 rgb (107,187,176) #6BBBB0 #6BCFB0 rgb (107,207,176) #6BCFB0 #6BE3B0 rgb (107,227,176) #6BE3B0

Snel gebruik #6BA7B0

---

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

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

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

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

Kleurenschema's met #6BA7B0

---

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: 39% heeft een #6BA7B0-verzadiging. Het toevoegen van 39% + 10% = 49% verzadiging voor onze nieuwe kleur #46818A. Ccc17 verlagen - 10% = 29% verzadiging #98ced6 rgb (152,206,214) #98ced6 29% verzadiging #986d70 rgb (91,109,112) #986d70 19% verzadiging #46818a rgb (70,129,138) #46818a 49% verzadiging #2e6770 rgb (46,103,112) #2e6770 59% 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 #6B84B0 rgb (107,132,176) #6B84B0 218o #6BA7B0 rgb (107,167,176) #6BA7B0 188o #6BB097 rgb (107,176,151) #6BB097 158o

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: #6BA7B0 heeft een 188o hoek. Ccc02 + 180o = 8oo toevoegen voor onze nieuwe complementaire kleur #B0746B. #6BA7B0 rgb (107,167,176) #6BA7B0 188o #B0746B rgb (176,116,107) #B0746B 8o

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: #6BA7B0 heeft een 188o hoek. Ccc07 + 180o+30o = 38o optellen voor onze eerste complementaire kleur #B0976B. Afnemend 188o + 180o-30o = 338o voor de tweede complementaire kleur #B06B84. #B06B84 rgb (176,107,132) #B06B84 338o #6BA7B0 rgb (107,167,176) #6BA7B0 188o #B0976B rgb (176,151,107) #B0976B 38o

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. #B06BA7 rgb (176,107,167) #B06BA7 308o #6BA7B0 rgb (107,167,176) #6BA7B0 188o #A7B06B rgb (167,176,107) #A7B06B 68o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B06BA7 rgb (176,107,167) #B06BA7 308o #6BA7B0 rgb (107,167,176) #6BA7B0 188o #B0746B rgb (176,116,107) #B0746B 8o #6BB074 rgb (107,176,116) #6BB074 128o