#555B6D kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #555B6D

#555B6D

In een RGB-kleurruimte is hex #555B6D samengesteld uit 33% rood, 36% groen en 43% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 5B groen (91/255) en een 6D blauw component (109/255). De decimale RGB-kleurcode is rgb(85,91,109) In CMYK-kleurruimte is het samengesteld uit 22% cyaan, 17% magenta, 0% geel en 57% zwart. Het heeft een tinthoek van 225o graden, een verzadiging van 12% en een lichtheid van 38%. De dichtstbijzijnde websafe-kleur is: #666666 rgb (102, 102, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #555B6D heeft RGB-waarden van R:85, G:91, B:109 en CMYK-waarden van C:22, M:17, Y:0, K:57. De decimale waarde is 5593965.De binaire code is 10101010101101101101101
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 555B6D  #555B6D RGB decimale 85, 91, 109  rgb(85, 91, 109) RGB % 33, 36, 43  rgb(33%, 36%, 43%) RGB Adobe 87, 91, 108 CMYK % 22, 17, 0, 57  22%, 17%, 0%, 57% HSL 225o, 12, 38  hsl(225o, 12%, 38%) HSV (HSB) 225o, 22%, 43%  hsv(225o, 22%, 43%)

Web Safe kleur #666666 rgb (102, 102, 102) XYZ 10.248, 10.518 15.958 xyY 0.28, 0.29, 10.52 Hunter-Lab 32.43, 1.4, -8.55 CMY 67%, 64%, 57% Lab 38.63, 0.81, -11.16 Binair kleur 55 5B 6D 1010101 1011011 1101101

Schakeringen en tinten van #555B6D

---

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

Tint kleurvariatie #555B6D

#6F7483 rgb (111,116,131) #6F7483 #858996 rgb (133,137,150) #858996 #979BA6 rgb (151,155,166) #979BA6 #A7AAB3 rgb (167,170,179) #A7AAB3 #B4B7BE rgb (180,183,190) #B4B7BE #BFC2C8 rgb (191,194,200) #BFC2C8 #C9CBD0 rgb (201,203,208) #C9CBD0 #D1D3D7 rgb (209,211,215) #D1D3D7 #D8DADD rgb (216,218,221) #D8DADD #DEE0E2 rgb (222,224,226) #DEE0E2

Schaduw kleurvariatie

#484D5D rgb (72,77,93) #484D5D #3D414F rgb (61,65,79) #3D414F #343743 rgb (52,55,67) #343743 #2C2F39 rgb (44,47,57) #2C2F39 #252830 rgb (37,40,48) #252830 #1F2229 rgb (31,34,41) #1F2229 #1A1D23 rgb (26,29,35) #1A1D23 #16191E rgb (22,25,30) #16191E #13151A rgb (19,21,26) #13151A #101216 rgb (16,18,22) #101216

Tinten van #555B6D

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #595F6F de minst verzadigde kleur en #72737A de meest verzadigde.

#595F6F rgb (89,95,111) #595F6F #5D6271 rgb (93,98,113) #5D6271 #616573 rgb (97,101,115) #616573 #646874 rgb (100,104,116) #646874 #676A75 rgb (103,106,117) #676A75 #6A6C76 rgb (106,108,118) #6A6C76 #6C6E77 rgb (108,110,119) #6C6E77 #6E7078 rgb (110,112,120) #6E7078 #707279 rgb (112,114,121) #707279 #72737A rgb (114,115,122) #72737A

Alternatieven voor #555B6D

---

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

#551F6D rgb (85,31,109) #551F6D #55336D rgb (85,51,109) #55336D #55476D rgb (85,71,109) #55476D #556F6D rgb (85,111,109) #556F6D #55836D rgb (85,131,109) #55836D #55976D rgb (85,151,109) #55976D

Snel gebruik #555B6D

---

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

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

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

Voorgeformatteerde code 555B6D	code voor script / programming
HTML, CSS:	= #555B6D; rgb(85, 91, 109)
Java:	= new Color(85, 91, 109)
.NET:	= Color.FromArgb (85, 91, 109);
Xojo:	= rgb (85, 91, 109, 0);
openGL:	= glColor3f (0.33f, 0.36f, 0.43f);
Swift:	= UIColor(red:0.33, green:0.36, blue:0.43, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.36 blue:0.43 alpha:1.00000];

Kleurenschema's met #555B6D

---

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: 22% heeft een #555B6D-verzadiging. Het toevoegen van 22% + 10% = 32% verzadiging voor onze nieuwe kleur #313647. Ccc17 verlagen - 10% = 12% verzadiging #828794 rgb (130,135,148) #828794 12% verzadiging #822d2e rgb (45,45,46) #822d2e 2% verzadiging #313647 rgb (49,54,71) #313647 32% verzadiging #1b1f2e rgb (27,31,46) #1b1f2e 42% 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 #5C566E rgb (92,86,110) #5C566E 255o #555B6D rgb (85,91,109) #555B6D 225o #56686E rgb (86,104,110) #56686E 195o

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: #555B6D heeft een 225o hoek. Ccc02 + 180o = 45oo toevoegen voor onze nieuwe complementaire kleur #6E6856. #555B6D rgb (85,91,109) #555B6D 225o #6E6856 rgb (110,104,86) #6E6856 45o

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: #555B6D heeft een 225o hoek. Ccc07 + 180o+30o = 75o optellen voor onze eerste complementaire kleur #686E56. Afnemend 225o + 180o-30o = 15o voor de tweede complementaire kleur #6E5C56. #6E5C56 rgb (110,92,86) #6E5C56 15o #555B6D rgb (85,91,109) #555B6D 225o #686E56 rgb (104,110,86) #686E56 75o

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. #6E565C rgb (110,86,92) #6E565C 345o #555B6D rgb (85,91,109) #555B6D 225o #5C6E56 rgb (92,110,86) #5C6E56 105o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #6E565C rgb (110,86,92) #6E565C 345o #555B6D rgb (85,91,109) #555B6D 225o #6E6856 rgb (110,104,86) #6E6856 45o #566E68 rgb (86,110,104) #566E68 165o