#5368E2 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #5368E2

#5368E2

In een RGB-kleurruimte is hex #5368E2 samengesteld uit 33% rood, 41% groen en 89% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 53 rood (83/255), een 68 groen (104/255) en een E2 blauw component (226/255). De decimale RGB-kleurcode is rgb(83,104,226) In CMYK-kleurruimte is het samengesteld uit 63% cyaan, 54% magenta, 0% geel en 11% zwart. Het heeft een tinthoek van 231.19o graden, een verzadiging van 71% en een lichtheid van 61%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #5368E2 heeft RGB-waarden van R:83, G:104, B:226 en CMYK-waarden van C:63, M:54, Y:0, K:11. De decimale waarde is 5466338.De binaire code is 10100110110100011100010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 5368E2  #5368E2 RGB decimale 83, 104, 226  rgb(83, 104, 226) RGB % 33, 41, 89  rgb(33%, 41%, 89%) RGB Adobe 90, 104, 222 CMYK % 63, 54, 0, 11  63%, 54%, 0%, 11% HSL 231.19o, 71, 61  hsl(231.19o, 71%, 61%) HSV (HSB) 231o, 63%, 89%  hsv(231o, 63%, 89%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 22.245, 17.231 74.105 xyY 0.2, 0.15, 17.23 Hunter-Lab 41.51, 25.63, -82.09 CMY 67%, 59%, 11% Lab 47.57, 21.89, -65.92 Binair kleur 53 68 E2 1010011 1101000 11100010

Schakeringen en tinten van #5368E2

---

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: #10142C is de donkerste kleur en: #DDE1F9 is de lichtste.

Tint kleurvariatie #5368E2

#6D7FE6 rgb (109,127,230) #6D7FE6 #8392EA rgb (131,146,234) #8392EA #96A2ED rgb (150,162,237) #96A2ED #A6B0F0 rgb (166,176,240) #A6B0F0 #B3BCF2 rgb (179,188,242) #B3BCF2 #BEC6F4 rgb (190,198,244) #BEC6F4 #C8CFF6 rgb (200,207,246) #C8CFF6 #D0D6F7 rgb (208,214,247) #D0D6F7 #D7DCF8 rgb (215,220,248) #D7DCF8 #DDE1F9 rgb (221,225,249) #DDE1F9

Schaduw kleurvariatie

#4758C0 rgb (71,88,192) #4758C0 #3C4BA3 rgb (60,75,163) #3C4BA3 #33408B rgb (51,64,139) #33408B #2B3676 rgb (43,54,118) #2B3676 #252E64 rgb (37,46,100) #252E64 #1F2755 rgb (31,39,85) #1F2755 #1A2148 rgb (26,33,72) #1A2148 #161C3D rgb (22,28,61) #161C3D #131834 rgb (19,24,52) #131834 #10142C rgb (16,20,44) #10142C

Tinten van #5368E2

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

#586AD8 rgb (88,106,216) #586AD8 #5C6CCF rgb (92,108,207) #5C6CCF #606EC7 rgb (96,110,199) #606EC7 #6370C0 rgb (99,112,192) #6370C0 #6672BA rgb (102,114,186) #6672BA #6973B4 rgb (105,115,180) #6973B4 #6B74AF rgb (107,116,175) #6B74AF #6D75AA rgb (109,117,170) #6D75AA #6F76A6 rgb (111,118,166) #6F76A6 #7177A2 rgb (113,119,162) #7177A2

Alternatieven voor #5368E2

---

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

#532CE2 rgb (83,44,226) #532CE2 #5340E2 rgb (83,64,226) #5340E2 #5354E2 rgb (83,84,226) #5354E2 #537CE2 rgb (83,124,226) #537CE2 #5390E2 rgb (83,144,226) #5390E2 #53A4E2 rgb (83,164,226) #53A4E2

Snel gebruik #5368E2

---

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

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

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

Voorgeformatteerde code 5368E2	code voor script / programming
HTML, CSS:	= #5368E2; rgb(83, 104, 226)
Java:	= new Color(83, 104, 226)
.NET:	= Color.FromArgb (83, 104, 226);
Xojo:	= rgb (83, 104, 226, 0);
openGL:	= glColor3f (0.33f, 0.41f, 0.89f);
Swift:	= UIColor(red:0.33, green:0.41, blue:0.89, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.41 blue:0.89 alpha:1.00000];

Kleurenschema's met #5368E2

---

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: 63% heeft een #5368E2-verzadiging. Het toevoegen van 63% + 10% = 73% verzadiging voor onze nieuwe kleur #3348BD. Ccc17 verlagen - 10% = 53% verzadiging #788cff rgb (120,140,255) #788cff 53% verzadiging #7868a3 rgb (93,104,163) #7868a3 43% verzadiging #3348bd rgb (51,72,189) #3348bd 73% verzadiging #1c30a3 rgb (28,48,163) #1c30a3 83% 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 #8654E3 rgb (134,84,227) #8654E3 261o #5368E2 rgb (83,104,226) #5368E2 231o #54B1E3 rgb (84,177,227) #54B1E3 201o

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: #5368E2 heeft een 231o hoek. Ccc02 + 180o = 51oo toevoegen voor onze nieuwe complementaire kleur #E3CE54. #5368E2 rgb (83,104,226) #5368E2 231o #E3CE54 rgb (227,206,84) #E3CE54 51o

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: #5368E2 heeft een 231o hoek. Ccc07 + 180o+30o = 81o optellen voor onze eerste complementaire kleur #B1E354. Afnemend 231o + 180o-30o = 21o voor de tweede complementaire kleur #E38654. #E38654 rgb (227,134,84) #E38654 21o #5368E2 rgb (83,104,226) #5368E2 231o #B1E354 rgb (177,227,84) #B1E354 81o

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. #E35469 rgb (227,84,105) #E35469 351o #5368E2 rgb (83,104,226) #5368E2 231o #69E354 rgb (105,227,84) #69E354 111o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #E35469 rgb (227,84,105) #E35469 351o #5368E2 rgb (83,104,226) #5368E2 231o #E3CE54 rgb (227,206,84) #E3CE54 51o #54E3CE rgb (84,227,206) #54E3CE 171o