#55B2BC kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #55B2BC

#55B2BC

In een RGB-kleurruimte is hex #55B2BC samengesteld uit 33% rood, 70% groen en 74% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een B2 groen (178/255) en een BC blauw component (188/255). De decimale RGB-kleurcode is rgb(85,178,188) In CMYK-kleurruimte is het samengesteld uit 55% cyaan, 5% magenta, 0% geel en 26% zwart. Het heeft een tinthoek van 185.83o graden, een verzadiging van 43% en een lichtheid van 54%. De dichtstbijzijnde websafe-kleur is: #6699cc rgb (102, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #55B2BC heeft RGB-waarden van R:85, G:178, B:188 en CMYK-waarden van C:55, M:5, Y:0, K:26. De decimale waarde is 5616316.De binaire code is 10101011011001010111100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 55B2BC  #55B2BC RGB decimale 85, 178, 188  rgb(85, 178, 188) RGB % 33, 70, 74  rgb(33%, 70%, 74%) RGB Adobe 120, 177, 186 CMYK % 55, 5, 0, 26  55%, 5%, 0%, 26% HSL 185.83o, 43, 54  hsl(185.83o, 43%, 54%) HSV (HSB) 186o, 55%, 74%  hsv(186o, 55%, 74%)

Web Safe kleur #6699cc rgb (102, 153, 204) XYZ 28.744, 37.403 53.281 xyY 0.24, 0.31, 37.4 Hunter-Lab 61.16, -20.18, -12.64 CMY 67%, 30%, 26% Lab 67.27, -26.62, -14.02 Binair kleur 55 B2 BC 1010101 10110010 10111100

Schakeringen en tinten van #55B2BC

---

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

Tint kleurvariatie #55B2BC

#6FBEC6 rgb (111,190,198) #6FBEC6 #85C8CF rgb (133,200,207) #85C8CF #97D0D6 rgb (151,208,214) #97D0D6 #A7D7DC rgb (167,215,220) #A7D7DC #B4DDE1 rgb (180,221,225) #B4DDE1 #BFE2E6 rgb (191,226,230) #BFE2E6 #C9E6EA rgb (201,230,234) #C9E6EA #D1EAED rgb (209,234,237) #D1EAED #D8EDF0 rgb (216,237,240) #D8EDF0 #DEF0F2 rgb (222,240,242) #DEF0F2

Schaduw kleurvariatie

#4897A0 rgb (72,151,160) #4897A0 #3D8088 rgb (61,128,136) #3D8088 #346D74 rgb (52,109,116) #346D74 #2C5D63 rgb (44,93,99) #2C5D63 #254F54 rgb (37,79,84) #254F54 #1F4347 rgb (31,67,71) #1F4347 #1A393C rgb (26,57,60) #1A393C #163033 rgb (22,48,51) #163033 #13292B rgb (19,41,43) #13292B #102325 rgb (16,35,37) #102325

Tinten van #55B2BC

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

#59ADB6 rgb (89,173,182) #59ADB6 #5DA9B1 rgb (93,169,177) #5DA9B1 #61A5AC rgb (97,165,172) #61A5AC #64A1A8 rgb (100,161,168) #64A1A8 #679EA4 rgb (103,158,164) #679EA4 #6A9BA0 rgb (106,155,160) #6A9BA0 #6C989D rgb (108,152,157) #6C989D #6E969A rgb (110,150,154) #6E969A #709497 rgb (112,148,151) #709497 #729295 rgb (114,146,149) #729295

Alternatieven voor #55B2BC

---

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

#5576BC rgb (85,118,188) #5576BC #558ABC rgb (85,138,188) #558ABC #559EBC rgb (85,158,188) #559EBC #55C6BC rgb (85,198,188) #55C6BC #55DABC rgb (85,218,188) #55DABC #55EEBC rgb (85,238,188) #55EEBC

Snel gebruik #55B2BC

---

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

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

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

Voorgeformatteerde code 55B2BC	code voor script / programming
HTML, CSS:	= #55B2BC; rgb(85, 178, 188)
Java:	= new Color(85, 178, 188)
.NET:	= Color.FromArgb (85, 178, 188);
Xojo:	= rgb (85, 178, 188, 0);
openGL:	= glColor3f (0.33f, 0.7f, 0.74f);
Swift:	= UIColor(red:0.33, green:0.7, blue:0.74, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.7 blue:0.74 alpha:1.00000];

Kleurenschema's met #55B2BC

---

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: 55% heeft een #55B2BC-verzadiging. Het toevoegen van 55% + 10% = 65% verzadiging voor onze nieuwe kleur #358D96. Ccc17 verlagen - 10% = 45% verzadiging #7dd9e3 rgb (125,217,227) #7dd9e3 45% verzadiging #7d797d rgb (81,121,125) #7d797d 35% verzadiging #358d96 rgb (53,141,150) #358d96 65% verzadiging #1f747d rgb (31,116,125) #1f747d 75% 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 #557EBD rgb (85,126,189) #557EBD 216o #55B2BC rgb (85,178,188) #55B2BC 186o #55BD93 rgb (85,189,147) #55BD93 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: #55B2BC heeft een 186o hoek. Ccc02 + 180o = 6oo toevoegen voor onze nieuwe complementaire kleur #BD5F55. #55B2BC rgb (85,178,188) #55B2BC 186o #BD5F55 rgb (189,95,85) #BD5F55 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: #55B2BC heeft een 186o hoek. Ccc07 + 180o+30o = 36o optellen voor onze eerste complementaire kleur #BD9355. Afnemend 186o + 180o-30o = 336o voor de tweede complementaire kleur #BD557E. #BD557E rgb (189,85,126) #BD557E 336o #55B2BC rgb (85,178,188) #55B2BC 186o #BD9355 rgb (189,147,85) #BD9355 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. #BD55B2 rgb (189,85,178) #BD55B2 306o #55B2BC rgb (85,178,188) #55B2BC 186o #B2BD55 rgb (178,189,85) #B2BD55 66o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #BD55B2 rgb (189,85,178) #BD55B2 306o #55B2BC rgb (85,178,188) #55B2BC 186o #BD5F55 rgb (189,95,85) #BD5F55 6o #55BD5F rgb (85,189,95) #55BD5F 126o