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

#558D9D

In een RGB-kleurruimte is hex #558D9D samengesteld uit 33% rood, 55% groen en 62% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 8D groen (141/255) en een 9D blauw component (157/255). De decimale RGB-kleurcode is rgb(85,141,157) In CMYK-kleurruimte is het samengesteld uit 46% cyaan, 10% magenta, 0% geel en 38% zwart. Het heeft een tinthoek van 193.33o graden, een verzadiging van 30% en een lichtheid van 47%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #558D9D heeft RGB-waarden van R:85, G:141, B:157 en CMYK-waarden van C:46, M:10, Y:0, K:38. De decimale waarde is 5606813.De binaire code is 10101011000110110011101
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 558D9D  #558D9D RGB decimale 85, 141, 157  rgb(85, 141, 157) RGB % 33, 55, 62  rgb(33%, 55%, 62%) RGB Adobe 105, 140, 155 CMYK % 46, 10, 0, 38  46%, 10%, 0%, 38% HSL 193.33o, 30, 47  hsl(193.33o, 30%, 47%) HSV (HSB) 193o, 46%, 62%  hsv(193o, 46%, 62%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 19.357, 23.415 35.398 xyY 0.25, 0.3, 23.42 Hunter-Lab 48.39, -10.86, -12.6 CMY 67%, 45%, 38% Lab 55.24, -15.88, -14.64 Binair kleur 55 8D 9D 1010101 10001101 10011101

Schakeringen en tinten van #558D9D

---

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

Tint kleurvariatie #558D9D

#6F9EAC rgb (111,158,172) #6F9EAC #85ADB8 rgb (133,173,184) #85ADB8 #97B9C3 rgb (151,185,195) #97B9C3 #A7C4CC rgb (167,196,204) #A7C4CC #B4CDD4 rgb (180,205,212) #B4CDD4 #BFD5DA rgb (191,213,218) #BFD5DA #C9DBE0 rgb (201,219,224) #C9DBE0 #D1E0E5 rgb (209,224,229) #D1E0E5 #D8E5E9 rgb (216,229,233) #D8E5E9 #DEE9EC rgb (222,233,236) #DEE9EC

Schaduw kleurvariatie

#487885 rgb (72,120,133) #487885 #3D6671 rgb (61,102,113) #3D6671 #345760 rgb (52,87,96) #345760 #2C4A52 rgb (44,74,82) #2C4A52 #253F46 rgb (37,63,70) #253F46 #1F363C rgb (31,54,60) #1F363C #1A2E33 rgb (26,46,51) #1A2E33 #16272B rgb (22,39,43) #16272B #132125 rgb (19,33,37) #132125 #101C1F rgb (16,28,31) #101C1F

Tinten van #558D9D

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

#598C9A rgb (89,140,154) #598C9A #5D8B97 rgb (93,139,151) #5D8B97 #618A95 rgb (97,138,149) #618A95 #648993 rgb (100,137,147) #648993 #678891 rgb (103,136,145) #678891 #6A878F rgb (106,135,143) #6A878F #6C868E rgb (108,134,142) #6C868E #6E858D rgb (110,133,141) #6E858D #70858C rgb (112,133,140) #70858C #72858B rgb (114,133,139) #72858B

Alternatieven voor #558D9D

---

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

#55519D rgb (85,81,157) #55519D #55659D rgb (85,101,157) #55659D #55799D rgb (85,121,157) #55799D #55A19D rgb (85,161,157) #55A19D #55B59D rgb (85,181,157) #55B59D #55C99D rgb (85,201,157) #55C99D

Snel gebruik #558D9D

---

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

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

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

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

Kleurenschema's met #558D9D

---

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: 46% heeft een #558D9D-verzadiging. Het toevoegen van 46% + 10% = 56% verzadiging voor onze nieuwe kleur #356978. Ccc17 verlagen - 10% = 36% verzadiging #7eb5c4 rgb (126,181,196) #7eb5c4 36% verzadiging #7e595e rgb (70,89,94) #7e595e 26% verzadiging #356978 rgb (53,105,120) #356978 56% verzadiging #20515e rgb (32,81,94) #20515e 66% 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 #556A9E rgb (85,106,158) #556A9E 223o #558D9D rgb (85,141,157) #558D9D 193o #559E89 rgb (85,158,137) #559E89 163o

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: #558D9D heeft een 193o hoek. Ccc02 + 180o = 13oo toevoegen voor onze nieuwe complementaire kleur #9E6555. #558D9D rgb (85,141,157) #558D9D 193o #9E6555 rgb (158,101,85) #9E6555 13o

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: #558D9D heeft een 193o hoek. Ccc07 + 180o+30o = 43o optellen voor onze eerste complementaire kleur #9E8955. Afnemend 193o + 180o-30o = 343o voor de tweede complementaire kleur #9E556A. #9E556A rgb (158,85,106) #9E556A 343o #558D9D rgb (85,141,157) #558D9D 193o #9E8955 rgb (158,137,85) #9E8955 43o

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. #9E558E rgb (158,85,142) #9E558E 313o #558D9D rgb (85,141,157) #558D9D 193o #8E9E55 rgb (142,158,85) #8E9E55 73o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #9E558E rgb (158,85,142) #9E558E 313o #558D9D rgb (85,141,157) #558D9D 193o #9E6555 rgb (158,101,85) #9E6555 13o #559E65 rgb (85,158,101) #559E65 133o