#557A90 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #557A90

#557A90

In een RGB-kleurruimte is hex #557A90 samengesteld uit 33% rood, 48% groen en 56% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 7A groen (122/255) en een 90 blauw component (144/255). De decimale RGB-kleurcode is rgb(85,122,144) In CMYK-kleurruimte is het samengesteld uit 41% cyaan, 15% magenta, 0% geel en 44% zwart. Het heeft een tinthoek van 202.37o graden, een verzadiging van 26% en een lichtheid van 45%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #557A90 heeft RGB-waarden van R:85, G:122, B:144 en CMYK-waarden van C:41, M:15, Y:0, K:44. De decimale waarde is 5601936.De binaire code is 10101010111101010010000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 557A90  #557A90 RGB decimale 85, 122, 144  rgb(85, 122, 144) RGB % 33, 48, 56  rgb(33%, 48%, 56%) RGB Adobe 97, 121, 142 CMYK % 41, 15, 0, 44  41%, 15%, 0%, 44% HSL 202.37o, 26, 45  hsl(202.37o, 26%, 45%) HSV (HSB) 202o, 41%, 56%  hsv(202o, 41%, 56%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 15.74, 17.864 29.004 xyY 0.25, 0.29, 17.86 Hunter-Lab 42.27, -5.32, -13.92 CMY 67%, 52%, 44% Lab 49.09, -8.99, -16.38 Binair kleur 55 7A 90 1010101 1111010 10010000

Schakeringen en tinten van #557A90

---

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: #10181C is de donkerste kleur en: #DEE5E9 is de lichtste.

Tint kleurvariatie #557A90

#6F8EA1 rgb (111,142,161) #6F8EA1 #859FAF rgb (133,159,175) #859FAF #97ADBB rgb (151,173,187) #97ADBB #A7B9C5 rgb (167,185,197) #A7B9C5 #B4C4CE rgb (180,196,206) #B4C4CE #BFCDD5 rgb (191,205,213) #BFCDD5 #C9D5DB rgb (201,213,219) #C9D5DB #D1DBE0 rgb (209,219,224) #D1DBE0 #D8E0E5 rgb (216,224,229) #D8E0E5 #DEE5E9 rgb (222,229,233) #DEE5E9

Schaduw kleurvariatie

#48687A rgb (72,104,122) #48687A #3D5868 rgb (61,88,104) #3D5868 #344B58 rgb (52,75,88) #344B58 #2C404B rgb (44,64,75) #2C404B #253640 rgb (37,54,64) #253640 #1F2E36 rgb (31,46,54) #1F2E36 #1A272E rgb (26,39,46) #1A272E #162127 rgb (22,33,39) #162127 #131C21 rgb (19,28,33) #131C21 #10181C rgb (16,24,28) #10181C

Tinten van #557A90

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #597B8E de minst verzadigde kleur en #727C85 de meest verzadigde.

#597B8E rgb (89,123,142) #597B8E #5D7C8D rgb (93,124,141) #5D7C8D #617C8C rgb (97,124,140) #617C8C #647C8B rgb (100,124,139) #647C8B #677C8A rgb (103,124,138) #677C8A #6A7C89 rgb (106,124,137) #6A7C89 #6C7C88 rgb (108,124,136) #6C7C88 #6E7C87 rgb (110,124,135) #6E7C87 #707C86 rgb (112,124,134) #707C86 #727C85 rgb (114,124,133) #727C85

Alternatieven voor #557A90

---

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

#553E90 rgb (85,62,144) #553E90 #555290 rgb (85,82,144) #555290 #556690 rgb (85,102,144) #556690 #558E90 rgb (85,142,144) #558E90 #55A290 rgb (85,162,144) #55A290 #55B690 rgb (85,182,144) #55B690

Snel gebruik #557A90

---

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

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

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

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

Kleurenschema's met #557A90

---

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: 41% heeft een #557A90-verzadiging. Het toevoegen van 41% + 10% = 51% verzadiging voor onze nieuwe kleur #335569. Ccc17 verlagen - 10% = 31% verzadiging #7da0b5 rgb (125,160,181) #7da0b5 31% verzadiging #7d494f rgb (62,73,79) #7d494f 21% verzadiging #335569 rgb (51,85,105) #335569 51% verzadiging #1f3d4f rgb (31,61,79) #1f3d4f 61% 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 #545C8F rgb (84,92,143) #545C8F 232o #557A90 rgb (85,122,144) #557A90 202o #548F87 rgb (84,143,135) #548F87 172o

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: #557A90 heeft een 202o hoek. Ccc02 + 180o = 22oo toevoegen voor onze nieuwe complementaire kleur #8F6A54. #557A90 rgb (85,122,144) #557A90 202o #8F6A54 rgb (143,106,84) #8F6A54 22o

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: #557A90 heeft een 202o hoek. Ccc07 + 180o+30o = 52o optellen voor onze eerste complementaire kleur #8F8754. Afnemend 202o + 180o-30o = 352o voor de tweede complementaire kleur #8F545C. #8F545C rgb (143,84,92) #8F545C 352o #557A90 rgb (85,122,144) #557A90 202o #8F8754 rgb (143,135,84) #8F8754 52o

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. #8F5479 rgb (143,84,121) #8F5479 322o #557A90 rgb (85,122,144) #557A90 202o #798F54 rgb (121,143,84) #798F54 82o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #8F5479 rgb (143,84,121) #8F5479 322o #557A90 rgb (85,122,144) #557A90 202o #8F6A54 rgb (143,106,84) #8F6A54 22o #548F6A rgb (84,143,106) #548F6A 142o