#554F6A kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #554F6A

#554F6A

In een RGB-kleurruimte is hex #554F6A samengesteld uit 33% rood, 31% groen en 42% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 4F groen (79/255) en een 6A blauw component (106/255). De decimale RGB-kleurcode is rgb(85,79,106) In CMYK-kleurruimte is het samengesteld uit 20% cyaan, 25% magenta, 0% geel en 58% zwart. Het heeft een tinthoek van 253.33o graden, een verzadiging van 15% en een lichtheid van 36%. De dichtstbijzijnde websafe-kleur is: #666666 rgb (102, 102, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #554F6A heeft RGB-waarden van R:85, G:79, B:106 en CMYK-waarden van C:20, M:25, Y:0, K:58. De decimale waarde is 5590890.De binaire code is 10101010100111101101010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 554F6A  #554F6A RGB decimale 85, 79, 106  rgb(85, 79, 106) RGB % 33, 31, 42  rgb(33%, 31%, 42%) RGB Adobe 84, 80, 105 CMYK % 20, 25, 0, 58  20%, 25%, 0%, 58% HSL 253.33o, 15, 36  hsl(253.33o, 15%, 36%) HSV (HSB) 253o, 25%, 42%  hsv(253o, 25%, 42%)

Web Safe kleur #666666 rgb (102, 102, 102) XYZ 9.144, 8.564 14.807 xyY 0.28, 0.26, 8.56 Hunter-Lab 29.26, 6.22, -11.53 CMY 67%, 69%, 58% Lab 35, 7.25, -14.78 Binair kleur 55 4F 6A 1010101 1001111 1101010

Schakeringen en tinten van #554F6A

---

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

Tint kleurvariatie #554F6A

#6F6980 rgb (111,105,128) #6F6980 #858093 rgb (133,128,147) #858093 #9793A3 rgb (151,147,163) #9793A3 #A7A3B1 rgb (167,163,177) #A7A3B1 #B4B1BD rgb (180,177,189) #B4B1BD #BFBDC7 rgb (191,189,199) #BFBDC7 #C9C7CF rgb (201,199,207) #C9C7CF #D1CFD6 rgb (209,207,214) #D1CFD6 #D8D6DC rgb (216,214,220) #D8D6DC #DEDCE1 rgb (222,220,225) #DEDCE1

Schaduw kleurvariatie

#48435A rgb (72,67,90) #48435A #3D394D rgb (61,57,77) #3D394D #343041 rgb (52,48,65) #343041 #2C2937 rgb (44,41,55) #2C2937 #25232F rgb (37,35,47) #25232F #1F1E28 rgb (31,30,40) #1F1E28 #1A1A22 rgb (26,26,34) #1A1A22 #16161D rgb (22,22,29) #16161D #131319 rgb (19,19,25) #131319 #101015 rgb (16,16,21) #101015

Tinten van #554F6A

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #59546C de minst verzadigde kleur en #726F78 de meest verzadigde.

#59546C rgb (89,84,108) #59546C #5D586E rgb (93,88,110) #5D586E #615C70 rgb (97,92,112) #615C70 #646072 rgb (100,96,114) #646072 #676373 rgb (103,99,115) #676373 #6A6674 rgb (106,102,116) #6A6674 #6C6975 rgb (108,105,117) #6C6975 #6E6B76 rgb (110,107,118) #6E6B76 #706D77 rgb (112,109,119) #706D77 #726F78 rgb (114,111,120) #726F78

Alternatieven voor #554F6A

---

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

#55136A rgb (85,19,106) #55136A #55276A rgb (85,39,106) #55276A #553B6A rgb (85,59,106) #553B6A #55636A rgb (85,99,106) #55636A #55776A rgb (85,119,106) #55776A #558B6A rgb (85,139,106) #558B6A

Snel gebruik #554F6A

---

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

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

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

Voorgeformatteerde code 554F6A	code voor script / programming
HTML, CSS:	= #554F6A; rgb(85, 79, 106)
Java:	= new Color(85, 79, 106)
.NET:	= Color.FromArgb (85, 79, 106);
Xojo:	= rgb (85, 79, 106, 0);
openGL:	= glColor3f (0.33f, 0.31f, 0.42f);
Swift:	= UIColor(red:0.33, green:0.31, blue:0.42, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.31 blue:0.42 alpha:1.00000];

Kleurenschema's met #554F6A

---

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: 25% heeft een #554F6A-verzadiging. Het toevoegen van 25% + 10% = 35% verzadiging voor onze nieuwe kleur #322D45. Ccc17 verlagen - 10% = 15% verzadiging #807c91 rgb (128,124,145) #807c91 15% verzadiging #80292b rgb (42,41,43) #80292b 5% verzadiging #322d45 rgb (50,45,69) #322d45 35% verzadiging #1c182b rgb (28,24,43) #1c182b 45% 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 #64506B rgb (100,80,107) #64506B 283o #554F6A rgb (85,79,106) #554F6A 253o #50586B rgb (80,88,107) #50586B 223o

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: #554F6A heeft een 253o hoek. Ccc02 + 180o = 73oo toevoegen voor onze nieuwe complementaire kleur #656B50. #554F6A rgb (85,79,106) #554F6A 253o #656B50 rgb (101,107,80) #656B50 73o

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: #554F6A heeft een 253o hoek. Ccc07 + 180o+30o = 103o optellen voor onze eerste complementaire kleur #586B50. Afnemend 253o + 180o-30o = 43o voor de tweede complementaire kleur #6B6450. #6B6450 rgb (107,100,80) #6B6450 43o #554F6A rgb (85,79,106) #554F6A 253o #586B50 rgb (88,107,80) #586B50 103o

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. #6B5650 rgb (107,86,80) #6B5650 13o #554F6A rgb (85,79,106) #554F6A 253o #506B56 rgb (80,107,86) #506B56 133o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #6B5650 rgb (107,86,80) #6B5650 13o #554F6A rgb (85,79,106) #554F6A 253o #656B50 rgb (101,107,80) #656B50 73o #50656B rgb (80,101,107) #50656B 193o