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

#6BABB2

In een RGB-kleurruimte is hex #6BABB2 samengesteld uit 42% rood, 67% groen en 70% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 6B rood (107/255), een AB groen (171/255) en een B2 blauw component (178/255). De decimale RGB-kleurcode is rgb(107,171,178) In CMYK-kleurruimte is het samengesteld uit 40% cyaan, 4% magenta, 0% geel en 30% zwart. Het heeft een tinthoek van 185.92o graden, een verzadiging van 32% en een lichtheid van 56%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6BABB2 heeft RGB-waarden van R:107, G:171, B:178 en CMYK-waarden van C:40, M:4, Y:0, K:30. De decimale waarde is 7056306.De binaire code is 11010111010101110110010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6BABB2  #6BABB2 RGB decimale 107, 171, 178  rgb(107, 171, 178) RGB % 42, 67, 70  rgb(42%, 67%, 70%) RGB Adobe 128, 169, 176 CMYK % 40, 4, 0, 30  40%, 4%, 0%, 30% HSL 185.92o, 32, 56  hsl(185.92o, 32%, 56%) HSV (HSB) 186o, 40%, 70%  hsv(186o, 40%, 70%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 28.662, 35.466 47.454 xyY 0.26, 0.32, 35.47 Hunter-Lab 59.55, -15.37, -9.14 CMY 58%, 33%, 30% Lab 65.88, -20, -10.45 Binair kleur 6B AB B2 1101011 10101011 10110010

Schakeringen en tinten van #6BABB2

---

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

Tint kleurvariatie #6BABB2

#81B8BE rgb (129,184,190) #81B8BE #94C3C8 rgb (148,195,200) #94C3C8 #A4CCD0 rgb (164,204,208) #A4CCD0 #B2D4D7 rgb (178,212,215) #B2D4D7 #BEDADD rgb (190,218,221) #BEDADD #C8E0E2 rgb (200,224,226) #C8E0E2 #D0E5E6 rgb (208,229,230) #D0E5E6 #D7E9EA rgb (215,233,234) #D7E9EA #DDECED rgb (221,236,237) #DDECED #E2EFF0 rgb (226,239,240) #E2EFF0

Schaduw kleurvariatie

#5B9197 rgb (91,145,151) #5B9197 #4D7B80 rgb (77,123,128) #4D7B80 #41696D rgb (65,105,109) #41696D #37595D rgb (55,89,93) #37595D #2F4C4F rgb (47,76,79) #2F4C4F #284143 rgb (40,65,67) #284143 #223739 rgb (34,55,57) #223739 #1D2F30 rgb (29,47,48) #1D2F30 #192829 rgb (25,40,41) #192829 #152223 rgb (21,34,35) #152223

Tinten van #6BABB2

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

#6DA7AD rgb (109,167,173) #6DA7AD #6FA3A9 rgb (111,163,169) #6FA3A9 #71A0A5 rgb (113,160,165) #71A0A5 #739DA1 rgb (115,157,161) #739DA1 #749A9E rgb (116,154,158) #749A9E #75979B rgb (117,151,155) #75979B #769598 rgb (118,149,152) #769598 #779396 rgb (119,147,150) #779396 #789194 rgb (120,145,148) #789194 #798F92 rgb (121,143,146) #798F92

Alternatieven voor #6BABB2

---

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

#6B6FB2 rgb (107,111,178) #6B6FB2 #6B83B2 rgb (107,131,178) #6B83B2 #6B97B2 rgb (107,151,178) #6B97B2 #6BBFB2 rgb (107,191,178) #6BBFB2 #6BD3B2 rgb (107,211,178) #6BD3B2 #6BE7B2 rgb (107,231,178) #6BE7B2

Snel gebruik #6BABB2

---

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

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

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

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

Kleurenschema's met #6BABB2

---

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: 40% heeft een #6BABB2-verzadiging. Het toevoegen van 40% + 10% = 50% verzadiging voor onze nieuwe kleur #46858C. Ccc17 verlagen - 10% = 30% verzadiging #98d2d9 rgb (152,210,217) #98d2d9 30% verzadiging #987073 rgb (92,112,115) #987073 20% verzadiging #46858c rgb (70,133,140) #46858c 50% verzadiging #2e6c73 rgb (46,108,115) #2e6c73 60% 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 #6B88B3 rgb (107,136,179) #6B88B3 216o #6BABB2 rgb (107,171,178) #6BABB2 186o #6BB396 rgb (107,179,150) #6BB396 156o

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: #6BABB2 heeft een 186o hoek. Ccc02 + 180o = 6oo toevoegen voor onze nieuwe complementaire kleur #B3726B. #6BABB2 rgb (107,171,178) #6BABB2 186o #B3726B rgb (179,114,107) #B3726B 6o

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: #6BABB2 heeft een 186o hoek. Ccc07 + 180o+30o = 36o optellen voor onze eerste complementaire kleur #B3966B. Afnemend 186o + 180o-30o = 336o voor de tweede complementaire kleur #B36B88. #B36B88 rgb (179,107,136) #B36B88 336o #6BABB2 rgb (107,171,178) #6BABB2 186o #B3966B rgb (179,150,107) #B3966B 36o

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. #B36BAB rgb (179,107,171) #B36BAB 306o #6BABB2 rgb (107,171,178) #6BABB2 186o #ABB36B rgb (171,179,107) #ABB36B 66o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B36BAB rgb (179,107,171) #B36BAB 306o #6BABB2 rgb (107,171,178) #6BABB2 186o #B3726B rgb (179,114,107) #B3726B 6o #6BB372 rgb (107,179,114) #6BB372 126o