#553A63 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #553A63

#553A63

In een RGB-kleurruimte is hex #553A63 samengesteld uit 33% rood, 23% groen en 39% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 3A groen (58/255) en een 63 blauw component (99/255). De decimale RGB-kleurcode is rgb(85,58,99) In CMYK-kleurruimte is het samengesteld uit 14% cyaan, 41% magenta, 0% geel en 61% zwart. Het heeft een tinthoek van 279.51o graden, een verzadiging van 26% en een lichtheid van 31%. De dichtstbijzijnde websafe-kleur is: #663366 rgb (102, 51, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #553A63 heeft RGB-waarden van R:85, G:58, B:99 en CMYK-waarden van C:14, M:41, Y:0, K:61. De decimale waarde is 5585507.De binaire code is 10101010011101001100011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 553A63  #553A63 RGB decimale 85, 58, 99  rgb(85, 58, 99) RGB % 33, 23, 39  rgb(33%, 23%, 39%) RGB Adobe 79, 61, 98 CMYK % 14, 41, 0, 61  14%, 41%, 0%, 61% HSL 279.51o, 26, 31  hsl(279.51o, 26%, 31%) HSV (HSB) 280o, 41%, 39%  hsv(280o, 41%, 39%)

Web Safe kleur #663366 rgb (102, 51, 102) XYZ 7.511, 5.858 12.539 xyY 0.29, 0.23, 5.86 Hunter-Lab 24.2, 14.56, -15.67 CMY 67%, 77%, 61% Lab 28.93, 18.59, -19.65 Binair kleur 55 3A 63 1010101 111010 1100011

Schakeringen en tinten van #553A63

---

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: #100C13 is de donkerste kleur en: #DED8E0 is de lichtste.

Tint kleurvariatie #553A63

#6F587A rgb (111,88,122) #6F587A #85718E rgb (133,113,142) #85718E #97869F rgb (151,134,159) #97869F #A798AD rgb (167,152,173) #A798AD #B4A7B9 rgb (180,167,185) #B4A7B9 #BFB4C4 rgb (191,180,196) #BFB4C4 #C9BFCD rgb (201,191,205) #C9BFCD #D1C9D5 rgb (209,201,213) #D1C9D5 #D8D1DB rgb (216,209,219) #D8D1DB #DED8E0 rgb (222,216,224) #DED8E0

Schaduw kleurvariatie

#483154 rgb (72,49,84) #483154 #3D2A47 rgb (61,42,71) #3D2A47 #34243C rgb (52,36,60) #34243C #2C1F33 rgb (44,31,51) #2C1F33 #251A2B rgb (37,26,43) #251A2B #1F1625 rgb (31,22,37) #1F1625 #1A131F rgb (26,19,31) #1A131F #16101A rgb (22,16,26) #16101A #130E16 rgb (19,14,22) #130E16 #100C13 rgb (16,12,19) #100C13

Tinten van #553A63

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

#594166 rgb (89,65,102) #594166 #5D4769 rgb (93,71,105) #5D4769 #614D6B rgb (97,77,107) #614D6B #64526D rgb (100,82,109) #64526D #67576F rgb (103,87,111) #67576F #6A5B71 rgb (106,91,113) #6A5B71 #6C5F73 rgb (108,95,115) #6C5F73 #6E6274 rgb (110,98,116) #6E6274 #706575 rgb (112,101,117) #706575 #726876 rgb (114,104,118) #726876

Alternatieven voor #553A63

---

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

#413A63 rgb (65,58,99) #413A63 #551263 rgb (85,18,99) #551263 #552663 rgb (85,38,99) #552663 #554E63 rgb (85,78,99) #554E63 #556263 rgb (85,98,99) #556263 #557663 rgb (85,118,99) #557663

Snel gebruik #553A63

---

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

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

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

Voorgeformatteerde code 553A63	code voor script / programming
HTML, CSS:	= #553A63; rgb(85, 58, 99)
Java:	= new Color(85, 58, 99)
.NET:	= Color.FromArgb (85, 58, 99);
Xojo:	= rgb (85, 58, 99, 0);
openGL:	= glColor3f (0.33f, 0.23f, 0.39f);
Swift:	= UIColor(red:0.33, green:0.23, blue:0.39, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.23 blue:0.39 alpha:1.00000];

Kleurenschema's met #553A63

---

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 #553A63-verzadiging. Het toevoegen van 41% + 10% = 51% verzadiging voor onze nieuwe kleur #331E3D. Ccc17 verlagen - 10% = 31% verzadiging #7b5f8a rgb (123,95,138) #7b5f8a 31% verzadiging #7b1c24 rgb (33,28,36) #7b1c24 21% verzadiging #331e3d rgb (51,30,61) #331e3d 51% verzadiging #1c0e24 rgb (28,14,36) #1c0e24 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 #633B5D rgb (99,59,93) #633B5D 310o #553A63 rgb (85,58,99) #553A63 280o #413B63 rgb (65,59,99) #413B63 250o

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: #553A63 heeft een 280o hoek. Ccc02 + 180o = 100oo toevoegen voor onze nieuwe complementaire kleur #48633B. #553A63 rgb (85,58,99) #553A63 280o #48633B rgb (72,99,59) #48633B 100o

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: #553A63 heeft een 280o hoek. Ccc07 + 180o+30o = 130o optellen voor onze eerste complementaire kleur #3B6341. Afnemend 280o + 180o-30o = 70o voor de tweede complementaire kleur #5D633B. #5D633B rgb (93,99,59) #5D633B 70o #553A63 rgb (85,58,99) #553A63 280o #3B6341 rgb (59,99,65) #3B6341 130o

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. #63563B rgb (99,86,59) #63563B 40o #553A63 rgb (85,58,99) #553A63 280o #3B6356 rgb (59,99,86) #3B6356 160o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #63563B rgb (99,86,59) #63563B 40o #553A63 rgb (85,58,99) #553A63 280o #48633B rgb (72,99,59) #48633B 100o #3B4863 rgb (59,72,99) #3B4863 220o