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

#55B4C4

In een RGB-kleurruimte is hex #55B4C4 samengesteld uit 33% rood, 71% groen en 77% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een B4 groen (180/255) en een C4 blauw component (196/255). De decimale RGB-kleurcode is rgb(85,180,196) In CMYK-kleurruimte is het samengesteld uit 57% cyaan, 8% magenta, 0% geel en 23% zwart. Het heeft een tinthoek van 188.65o graden, een verzadiging van 48% en een lichtheid van 55%. De dichtstbijzijnde websafe-kleur is: #66cccc rgb (102, 204, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #55B4C4 heeft RGB-waarden van R:85, G:180, B:196 en CMYK-waarden van C:57, M:8, Y:0, K:23. De decimale waarde is 5616836.De binaire code is 10101011011010011000100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 55B4C4  #55B4C4 RGB decimale 85, 180, 196  rgb(85, 180, 196) RGB % 33, 71, 77  rgb(33%, 71%, 77%) RGB Adobe 121, 179, 194 CMYK % 57, 8, 0, 23  57%, 8%, 0%, 23% HSL 188.65o, 48, 55  hsl(188.65o, 48%, 55%) HSV (HSB) 189o, 57%, 77%  hsv(189o, 57%, 77%)

Web Safe kleur #66cccc rgb (102, 204, 204) XYZ 30.031, 38.559 58.084 xyY 0.24, 0.3, 38.56 Hunter-Lab 62.1, -19.33, -15.96 CMY 67%, 29%, 23% Lab 68.08, -25.77, -17.18 Binair kleur 55 B4 C4 1010101 10110100 11000100

Schakeringen en tinten van #55B4C4

---

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

Tint kleurvariatie #55B4C4

#6FBFCD rgb (111,191,205) #6FBFCD #85C9D5 rgb (133,201,213) #85C9D5 #97D1DB rgb (151,209,219) #97D1DB #A7D8E0 rgb (167,216,224) #A7D8E0 #B4DEE5 rgb (180,222,229) #B4DEE5 #BFE3E9 rgb (191,227,233) #BFE3E9 #C9E7EC rgb (201,231,236) #C9E7EC #D1EBEF rgb (209,235,239) #D1EBEF #D8EEF1 rgb (216,238,241) #D8EEF1 #DEF1F3 rgb (222,241,243) #DEF1F3

Schaduw kleurvariatie

#4899A7 rgb (72,153,167) #4899A7 #3D828E rgb (61,130,142) #3D828E #346F79 rgb (52,111,121) #346F79 #2C5E67 rgb (44,94,103) #2C5E67 #255058 rgb (37,80,88) #255058 #1F444B rgb (31,68,75) #1F444B #1A3A40 rgb (26,58,64) #1A3A40 #163136 rgb (22,49,54) #163136 #132A2E rgb (19,42,46) #132A2E #102427 rgb (16,36,39) #102427

Tinten van #55B4C4

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

#59AFBD rgb (89,175,189) #59AFBD #5DAAB7 rgb (93,170,183) #5DAAB7 #61A6B2 rgb (97,166,178) #61A6B2 #64A2AD rgb (100,162,173) #64A2AD #679FA9 rgb (103,159,169) #679FA9 #6A9CA5 rgb (106,156,165) #6A9CA5 #6C99A1 rgb (108,153,161) #6C99A1 #6E979E rgb (110,151,158) #6E979E #70959B rgb (112,149,155) #70959B #729398 rgb (114,147,152) #729398

Alternatieven voor #55B4C4

---

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

#5578C4 rgb (85,120,196) #5578C4 #558CC4 rgb (85,140,196) #558CC4 #55A0C4 rgb (85,160,196) #55A0C4 #55C8C4 rgb (85,200,196) #55C8C4 #55DCC4 rgb (85,220,196) #55DCC4 #55F0C4 rgb (85,240,196) #55F0C4

Snel gebruik #55B4C4

---

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

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

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

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

Kleurenschema's met #55B4C4

---

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: 57% heeft een #55B4C4-verzadiging. Het toevoegen van 57% + 10% = 67% verzadiging voor onze nieuwe kleur #348E9E. Ccc17 verlagen - 10% = 47% verzadiging #7cdaeb rgb (124,218,235) #7cdaeb 47% verzadiging #7c7d85 rgb (84,125,133) #7c7d85 37% verzadiging #348e9e rgb (52,142,158) #348e9e 67% verzadiging #1e7585 rgb (30,117,133) #1e7585 77% 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 #547CC4 rgb (84,124,196) #547CC4 219o #55B4C4 rgb (85,180,196) #55B4C4 189o #54C49D rgb (84,196,157) #54C49D 159o

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: #55B4C4 heeft een 189o hoek. Ccc02 + 180o = 9oo toevoegen voor onze nieuwe complementaire kleur #C46554. #55B4C4 rgb (85,180,196) #55B4C4 189o #C46554 rgb (196,101,84) #C46554 9o

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: #55B4C4 heeft een 189o hoek. Ccc07 + 180o+30o = 39o optellen voor onze eerste complementaire kleur #C49D54. Afnemend 189o + 180o-30o = 339o voor de tweede complementaire kleur #C4547C. #C4547C rgb (196,84,124) #C4547C 339o #55B4C4 rgb (85,180,196) #55B4C4 189o #C49D54 rgb (196,157,84) #C49D54 39o

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. #C454B4 rgb (196,84,180) #C454B4 309o #55B4C4 rgb (85,180,196) #55B4C4 189o #B4C454 rgb (180,196,84) #B4C454 69o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #C454B4 rgb (196,84,180) #C454B4 309o #55B4C4 rgb (85,180,196) #55B4C4 189o #C46554 rgb (196,101,84) #C46554 9o #54C465 rgb (84,196,101) #54C465 129o