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

#554BB7

In een RGB-kleurruimte is hex #554BB7 samengesteld uit 33% rood, 29% groen en 72% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 4B groen (75/255) en een B7 blauw component (183/255). De decimale RGB-kleurcode is rgb(85,75,183) In CMYK-kleurruimte is het samengesteld uit 54% cyaan, 59% magenta, 0% geel en 28% zwart. Het heeft een tinthoek van 245.56o graden, een verzadiging van 43% en een lichtheid van 51%. De dichtstbijzijnde websafe-kleur is: #6633cc rgb (102, 51, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #554BB7 heeft RGB-waarden van R:85, G:75, B:183 en CMYK-waarden van C:54, M:59, Y:0, K:28. De decimale waarde is 5589943.De binaire code is 10101010100101110110111
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 554BB7  #554BB7 RGB decimale 85, 75, 183  rgb(85, 75, 183) RGB % 33, 29, 72  rgb(33%, 29%, 72%) RGB Adobe 83, 76, 179 CMYK % 54, 59, 0, 28  54%, 59%, 0%, 28% HSL 245.56o, 43, 51  hsl(245.56o, 43%, 51%) HSV (HSB) 246o, 59%, 72%  hsv(246o, 59%, 72%)

Web Safe kleur #6633cc rgb (102, 51, 204) XYZ 14.81, 10.382 46.023 xyY 0.21, 0.15, 10.38 Hunter-Lab 32.22, 27.81, -66.34 CMY 67%, 71%, 28% Lab 37.73, 27.7, -57.1 Binair kleur 55 4B B7 1010101 1001011 10110111

Schakeringen en tinten van #554BB7

---

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

Tint kleurvariatie #554BB7

#6F66C2 rgb (111,102,194) #6F66C2 #857DCB rgb (133,125,203) #857DCB #9791D3 rgb (151,145,211) #9791D3 #A7A2DA rgb (167,162,218) #A7A2DA #B4B0E0 rgb (180,176,224) #B4B0E0 #BFBCE5 rgb (191,188,229) #BFBCE5 #C9C6E9 rgb (201,198,233) #C9C6E9 #D1CFEC rgb (209,207,236) #D1CFEC #D8D6EF rgb (216,214,239) #D8D6EF #DEDCF1 rgb (222,220,241) #DEDCF1

Schaduw kleurvariatie

#48409C rgb (72,64,156) #48409C #3D3685 rgb (61,54,133) #3D3685 #342E71 rgb (52,46,113) #342E71 #2C2760 rgb (44,39,96) #2C2760 #252152 rgb (37,33,82) #252152 #1F1C46 rgb (31,28,70) #1F1C46 #1A183C rgb (26,24,60) #1A183C #161433 rgb (22,20,51) #161433 #13112B rgb (19,17,43) #13112B #100E25 rgb (16,14,37) #100E25

Tinten van #554BB7

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

#5950B2 rgb (89,80,178) #5950B2 #5D55AD rgb (93,85,173) #5D55AD #6159A9 rgb (97,89,169) #6159A9 #645DA5 rgb (100,93,165) #645DA5 #6761A1 rgb (103,97,161) #6761A1 #6A649E rgb (106,100,158) #6A649E #6C679B rgb (108,103,155) #6C679B #6E6A98 rgb (110,106,152) #6E6A98 #706C96 rgb (112,108,150) #706C96 #726E94 rgb (114,110,148) #726E94

Alternatieven voor #554BB7

---

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

#550FB7 rgb (85,15,183) #550FB7 #5523B7 rgb (85,35,183) #5523B7 #5537B7 rgb (85,55,183) #5537B7 #555FB7 rgb (85,95,183) #555FB7 #5573B7 rgb (85,115,183) #5573B7 #5587B7 rgb (85,135,183) #5587B7

Snel gebruik #554BB7

---

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

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

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

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

Kleurenschema's met #554BB7

---

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: 59% heeft een #554BB7-verzadiging. Het toevoegen van 59% + 10% = 69% verzadiging voor onze nieuwe kleur #372D91. Ccc17 verlagen - 10% = 49% verzadiging #7c71de rgb (124,113,222) #7c71de 49% verzadiging #7c4978 rgb (78,73,120) #7c4978 39% verzadiging #372d91 rgb (55,45,145) #372d91 69% verzadiging #231978 rgb (35,25,120) #231978 79% 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 #8C4BB8 rgb (140,75,184) #8C4BB8 276o #554BB7 rgb (85,75,183) #554BB7 246o #4B77B8 rgb (75,119,184) #4B77B8 216o

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: #554BB7 heeft een 246o hoek. Ccc02 + 180o = 66oo toevoegen voor onze nieuwe complementaire kleur #ADB84B. #554BB7 rgb (85,75,183) #554BB7 246o #ADB84B rgb (173,184,75) #ADB84B 66o

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: #554BB7 heeft een 246o hoek. Ccc07 + 180o+30o = 96o optellen voor onze eerste complementaire kleur #77B84B. Afnemend 246o + 180o-30o = 36o voor de tweede complementaire kleur #B88C4B. #B88C4B rgb (184,140,75) #B88C4B 36o #554BB7 rgb (85,75,183) #554BB7 246o #77B84B rgb (119,184,75) #77B84B 96o

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. #B8564B rgb (184,86,75) #B8564B 6o #554BB7 rgb (85,75,183) #554BB7 246o #4BB856 rgb (75,184,86) #4BB856 126o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B8564B rgb (184,86,75) #B8564B 6o #554BB7 rgb (85,75,183) #554BB7 246o #ADB84B rgb (173,184,75) #ADB84B 66o #4BADB8 rgb (75,173,184) #4BADB8 186o