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

#555FF2

In een RGB-kleurruimte is hex #555FF2 samengesteld uit 33% rood, 37% groen en 95% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 55 rood (85/255), een 5F groen (95/255) en een F2 blauw component (242/255). De decimale RGB-kleurcode is rgb(85,95,242) In CMYK-kleurruimte is het samengesteld uit 65% cyaan, 61% magenta, 0% geel en 5% zwart. Het heeft een tinthoek van 236.18o graden, een verzadiging van 86% en een lichtheid van 64%. De dichtstbijzijnde websafe-kleur is: #6666ff rgb (102, 102, 255).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #555FF2 heeft RGB-waarden van R:85, G:95, B:242 en CMYK-waarden van C:65, M:61, Y:0, K:5. De decimale waarde is 5595122.De binaire code is 10101010101111111110010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 555FF2  #555FF2 RGB decimale 85, 95, 242  rgb(85, 95, 242) RGB % 33, 37, 95  rgb(33%, 37%, 95%) RGB Adobe 89, 95, 238 CMYK % 65, 61, 0, 5  65%, 61%, 0%, 5% HSL 236.18o, 86, 64  hsl(236.18o, 86%, 64%) HSV (HSB) 236o, 65%, 95%  hsv(236o, 65%, 95%)

Web Safe kleur #6666ff rgb (102, 102, 255) XYZ 23.866, 16.527 85.936 xyY 0.19, 0.13, 16.53 Hunter-Lab 40.65, 36.39, -102.9 CMY 67%, 63%, 5% Lab 46.45, 31.97, -76.69 Binair kleur 55 5F F2 1010101 1011111 11110010

Schakeringen en tinten van #555FF2

---

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

Tint kleurvariatie #555FF2

#6F77F4 rgb (111,119,244) #6F77F4 #858BF6 rgb (133,139,246) #858BF6 #979CF7 rgb (151,156,247) #979CF7 #A7ABF8 rgb (167,171,248) #A7ABF8 #B4B8F9 rgb (180,184,249) #B4B8F9 #BFC3FA rgb (191,195,250) #BFC3FA #C9CCFB rgb (201,204,251) #C9CCFB #D1D4FC rgb (209,212,252) #D1D4FC #D8DAFC rgb (216,218,252) #D8DAFC #DEE0FC rgb (222,224,252) #DEE0FC

Schaduw kleurvariatie

#4851CE rgb (72,81,206) #4851CE #3D45AF rgb (61,69,175) #3D45AF #343B95 rgb (52,59,149) #343B95 #2C327F rgb (44,50,127) #2C327F #252B6C rgb (37,43,108) #252B6C #1F255C rgb (31,37,92) #1F255C #1A1F4E rgb (26,31,78) #1A1F4E #161A42 rgb (22,26,66) #161A42 #131638 rgb (19,22,56) #131638 #101330 rgb (16,19,48) #101330

Tinten van #555FF2

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

#5962E7 rgb (89,98,231) #5962E7 #5D65DD rgb (93,101,221) #5D65DD #6168D4 rgb (97,104,212) #6168D4 #646ACC rgb (100,106,204) #646ACC #676CC4 rgb (103,108,196) #676CC4 #6A6EBD rgb (106,110,189) #6A6EBD #6C70B7 rgb (108,112,183) #6C70B7 #6E72B2 rgb (110,114,178) #6E72B2 #7073AD rgb (112,115,173) #7073AD #7274A9 rgb (114,116,169) #7274A9

Alternatieven voor #555FF2

---

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

#5523F2 rgb (85,35,242) #5523F2 #5537F2 rgb (85,55,242) #5537F2 #554BF2 rgb (85,75,242) #554BF2 #5573F2 rgb (85,115,242) #5573F2 #5587F2 rgb (85,135,242) #5587F2 #559BF2 rgb (85,155,242) #559BF2

Snel gebruik #555FF2

---

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

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

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

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

Kleurenschema's met #555FF2

---

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: 65% heeft een #555FF2-verzadiging. Het toevoegen van 65% + 10% = 75% verzadiging voor onze nieuwe kleur #333DCC. Ccc17 verlagen - 10% = 55% verzadiging #737cff rgb (115,124,255) #737cff 55% verzadiging #7368b3 rgb (98,104,179) #7368b3 45% verzadiging #333dcc rgb (51,61,204) #333dcc 75% verzadiging #1b25b3 rgb (27,37,179) #1b25b3 85% 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 #9955F2 rgb (153,85,242) #9955F2 266o #555FF2 rgb (85,95,242) #555FF2 236o #55AEF2 rgb (85,174,242) #55AEF2 206o

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: #555FF2 heeft een 236o hoek. Ccc02 + 180o = 56oo toevoegen voor onze nieuwe complementaire kleur #F2E855. #555FF2 rgb (85,95,242) #555FF2 236o #F2E855 rgb (242,232,85) #F2E855 56o

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: #555FF2 heeft een 236o hoek. Ccc07 + 180o+30o = 86o optellen voor onze eerste complementaire kleur #AEF255. Afnemend 236o + 180o-30o = 26o voor de tweede complementaire kleur #F29955. #F29955 rgb (242,153,85) #F29955 26o #555FF2 rgb (85,95,242) #555FF2 236o #AEF255 rgb (174,242,85) #AEF255 86o

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. #F2555F rgb (242,85,95) #F2555F 356o #555FF2 rgb (85,95,242) #555FF2 236o #5FF255 rgb (95,242,85) #5FF255 116o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #F2555F rgb (242,85,95) #F2555F 356o #555FF2 rgb (85,95,242) #555FF2 236o #F2E855 rgb (242,232,85) #F2E855 56o #55F2E8 rgb (85,242,232) #55F2E8 176o