#558EB7 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #558EB7

#558EB7

In een RGB-kleurruimte is hex #558EB7 samengesteld uit 33% rood, 56% groen en 72% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 8E groen (142/255) en een B7 blauw component (183/255). De decimale RGB-kleurcode is rgb(85,142,183) In CMYK-kleurruimte is het samengesteld uit 54% cyaan, 22% magenta, 0% geel en 28% zwart. Het heeft een tinthoek van 205.1o graden, een verzadiging van 40% en een lichtheid van 53%. De dichtstbijzijnde websafe-kleur is: #6699cc rgb (102, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #558EB7 heeft RGB-waarden van R:85, G:142, B:183 en CMYK-waarden van C:54, M:22, Y:0, K:28. De decimale waarde is 5607095.De binaire code is 10101011000111010110111
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 558EB7  #558EB7 RGB decimale 85, 142, 183  rgb(85, 142, 183) RGB % 33, 56, 72  rgb(33%, 56%, 72%) RGB Adobe 105, 141, 180 CMYK % 54, 22, 0, 28  54%, 22%, 0%, 28% HSL 205.1o, 40, 53  hsl(205.1o, 40%, 53%) HSV (HSB) 205o, 54%, 72%  hsv(205o, 54%, 72%)

Web Safe kleur #6699cc rgb (102, 153, 204) XYZ 21.967, 24.696 48.409 xyY 0.23, 0.26, 24.7 Hunter-Lab 49.7, -5.49, -26.66 CMY 67%, 44%, 28% Lab 56.37, -10.39, -27.71 Binair kleur 55 8E B7 1010101 10001110 10110111

Schakeringen en tinten van #558EB7

---

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: #101C25 is de donkerste kleur en: #DEE9F1 is de lichtste.

Tint kleurvariatie #558EB7

#6F9FC2 rgb (111,159,194) #6F9FC2 #85ADCB rgb (133,173,203) #85ADCB #97B9D3 rgb (151,185,211) #97B9D3 #A7C4DA rgb (167,196,218) #A7C4DA #B4CDE0 rgb (180,205,224) #B4CDE0 #BFD5E5 rgb (191,213,229) #BFD5E5 #C9DBE9 rgb (201,219,233) #C9DBE9 #D1E0EC rgb (209,224,236) #D1E0EC #D8E5EF rgb (216,229,239) #D8E5EF #DEE9F1 rgb (222,233,241) #DEE9F1

Schaduw kleurvariatie

#48799C rgb (72,121,156) #48799C #3D6785 rgb (61,103,133) #3D6785 #345871 rgb (52,88,113) #345871 #2C4B60 rgb (44,75,96) #2C4B60 #254052 rgb (37,64,82) #254052 #1F3646 rgb (31,54,70) #1F3646 #1A2E3C rgb (26,46,60) #1A2E3C #162733 rgb (22,39,51) #162733 #13212B rgb (19,33,43) #13212B #101C25 rgb (16,28,37) #101C25

Tinten van #558EB7

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

#598DB2 rgb (89,141,178) #598DB2 #5D8CAD rgb (93,140,173) #5D8CAD #618BA9 rgb (97,139,169) #618BA9 #648AA5 rgb (100,138,165) #648AA5 #6789A1 rgb (103,137,161) #6789A1 #6A889E rgb (106,136,158) #6A889E #6C879B rgb (108,135,155) #6C879B #6E8698 rgb (110,134,152) #6E8698 #708596 rgb (112,133,150) #708596 #728594 rgb (114,133,148) #728594

Alternatieven voor #558EB7

---

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

#5552B7 rgb (85,82,183) #5552B7 #5566B7 rgb (85,102,183) #5566B7 #557AB7 rgb (85,122,183) #557AB7 #55A2B7 rgb (85,162,183) #55A2B7 #55B6B7 rgb (85,182,183) #55B6B7 #55CAB7 rgb (85,202,183) #55CAB7

Snel gebruik #558EB7

---

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

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

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

Voorgeformatteerde code 558EB7	code voor script / programming
HTML, CSS:	= #558EB7; rgb(85, 142, 183)
Java:	= new Color(85, 142, 183)
.NET:	= Color.FromArgb (85, 142, 183);
Xojo:	= rgb (85, 142, 183, 0);
openGL:	= glColor3f (0.33f, 0.56f, 0.72f);
Swift:	= UIColor(red:0.33, green:0.56, blue:0.72, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.56 blue:0.72 alpha:1.00000];

Kleurenschema's met #558EB7

---

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: 54% heeft een #558EB7-verzadiging. Het toevoegen van 54% + 10% = 64% verzadiging voor onze nieuwe kleur #346B91. Ccc17 verlagen - 10% = 44% verzadiging #7cb5de rgb (124,181,222) #7cb5de 44% verzadiging #7c6778 rgb (79,103,120) #7c6778 34% verzadiging #346b91 rgb (52,107,145) #346b91 64% verzadiging #1f5378 rgb (31,83,120) #1f5378 74% 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 #545DB8 rgb (84,93,184) #545DB8 235o #558EB7 rgb (85,142,183) #558EB7 205o #54B8AF rgb (84,184,175) #54B8AF 175o

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: #558EB7 heeft een 205o hoek. Ccc02 + 180o = 25oo toevoegen voor onze nieuwe complementaire kleur #B87E54. #558EB7 rgb (85,142,183) #558EB7 205o #B87E54 rgb (184,126,84) #B87E54 25o

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: #558EB7 heeft een 205o hoek. Ccc07 + 180o+30o = 55o optellen voor onze eerste complementaire kleur #B8AF54. Afnemend 205o + 180o-30o = 355o voor de tweede complementaire kleur #B8545D. #B8545D rgb (184,84,93) #B8545D 355o #558EB7 rgb (85,142,183) #558EB7 205o #B8AF54 rgb (184,175,84) #B8AF54 55o

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. #B8548E rgb (184,84,142) #B8548E 325o #558EB7 rgb (85,142,183) #558EB7 205o #8EB854 rgb (142,184,84) #8EB854 85o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B8548E rgb (184,84,142) #B8548E 325o #558EB7 rgb (85,142,183) #558EB7 205o #B87E54 rgb (184,126,84) #B87E54 25o #54B87E rgb (84,184,126) #54B87E 145o