#506CC4 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #506CC4

#506CC4

In een RGB-kleurruimte is hex #506CC4 samengesteld uit 31% rood, 42% groen en 77% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 50 rood (80/255), een 6C groen (108/255) en een C4 blauw component (196/255). De decimale RGB-kleurcode is rgb(80,108,196) In CMYK-kleurruimte is het samengesteld uit 59% cyaan, 45% magenta, 0% geel en 23% zwart. Het heeft een tinthoek van 225.52o graden, een verzadiging van 50% en een lichtheid van 54%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #506CC4 heeft RGB-waarden van R:80, G:108, B:196 en CMYK-waarden van C:59, M:45, Y:0, K:23. De decimale waarde is 5270724.De binaire code is 10100000110110011000100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 506CC4  #506CC4 RGB decimale 80, 108, 196  rgb(80, 108, 196) RGB % 31, 42, 77  rgb(31%, 42%, 77%) RGB Adobe 90, 108, 192 CMYK % 59, 45, 0, 23  59%, 45%, 0%, 23% HSL 225.52o, 50, 54  hsl(225.52o, 50%, 54%) HSV (HSB) 226o, 59%, 77%  hsv(226o, 59%, 77%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 18.635, 16.416 54.411 xyY 0.21, 0.18, 16.42 Hunter-Lab 40.52, 13.57, -55.52 CMY 69%, 58%, 23% Lab 46.82, 10.53, -50.09 Binair kleur 50 6C C4 1010000 1101100 11000100

Schakeringen en tinten van #506CC4

---

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

Tint kleurvariatie #506CC4

#6A82CD rgb (106,130,205) #6A82CD #8095D5 rgb (128,149,213) #8095D5 #93A5DB rgb (147,165,219) #93A5DB #A3B3E0 rgb (163,179,224) #A3B3E0 #B1BEE5 rgb (177,190,229) #B1BEE5 #BDC8E9 rgb (189,200,233) #BDC8E9 #C7D0EC rgb (199,208,236) #C7D0EC #CFD7EF rgb (207,215,239) #CFD7EF #D6DDF1 rgb (214,221,241) #D6DDF1 #DCE2F3 rgb (220,226,243) #DCE2F3

Schaduw kleurvariatie

#445CA7 rgb (68,92,167) #445CA7 #3A4E8E rgb (58,78,142) #3A4E8E #314279 rgb (49,66,121) #314279 #2A3867 rgb (42,56,103) #2A3867 #243058 rgb (36,48,88) #243058 #1F294B rgb (31,41,75) #1F294B #1A2340 rgb (26,35,64) #1A2340 #161E36 rgb (22,30,54) #161E36 #131A2E rgb (19,26,46) #131A2E #101627 rgb (16,22,39) #101627

Tinten van #506CC4

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

#556EBD rgb (85,110,189) #556EBD #5970B7 rgb (89,112,183) #5970B7 #5D72B2 rgb (93,114,178) #5D72B2 #6173AD rgb (97,115,173) #6173AD #6474A9 rgb (100,116,169) #6474A9 #6775A5 rgb (103,117,165) #6775A5 #6A76A1 rgb (106,118,161) #6A76A1 #6C779E rgb (108,119,158) #6C779E #6E789B rgb (110,120,155) #6E789B #707998 rgb (112,121,152) #707998

Alternatieven voor #506CC4

---

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

#5030C4 rgb (80,48,196) #5030C4 #5044C4 rgb (80,68,196) #5044C4 #5058C4 rgb (80,88,196) #5058C4 #5080C4 rgb (80,128,196) #5080C4 #5094C4 rgb (80,148,196) #5094C4 #50A8C4 rgb (80,168,196) #50A8C4

Snel gebruik #506CC4

---

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

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

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

Voorgeformatteerde code 506CC4	code voor script / programming
HTML, CSS:	= #506CC4; rgb(80, 108, 196)
Java:	= new Color(80, 108, 196)
.NET:	= Color.FromArgb (80, 108, 196);
Xojo:	= rgb (80, 108, 196, 0);
openGL:	= glColor3f (0.31f, 0.42f, 0.77f);
Swift:	= UIColor(red:0.31, green:0.42, blue:0.77, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.31 green:0.42 blue:0.77 alpha:1.00000];

Kleurenschema's met #506CC4

---

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 #506CC4-verzadiging. Het toevoegen van 59% + 10% = 69% verzadiging voor onze nieuwe kleur #314A9E. Ccc17 verlagen - 10% = 49% verzadiging #7892eb rgb (120,146,235) #7892eb 49% verzadiging #785d85 rgb (81,93,133) #785d85 39% verzadiging #314a9e rgb (49,74,158) #314a9e 69% verzadiging #1c3485 rgb (28,52,133) #1c3485 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 #6F51C4 rgb (111,81,196) #6F51C4 256o #506CC4 rgb (80,108,196) #506CC4 226o #51A5C4 rgb (81,165,196) #51A5C4 196o

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: #506CC4 heeft een 226o hoek. Ccc02 + 180o = 46oo toevoegen voor onze nieuwe complementaire kleur #C4A951. #506CC4 rgb (80,108,196) #506CC4 226o #C4A951 rgb (196,169,81) #C4A951 46o

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: #506CC4 heeft een 226o hoek. Ccc07 + 180o+30o = 76o optellen voor onze eerste complementaire kleur #A5C451. Afnemend 226o + 180o-30o = 16o voor de tweede complementaire kleur #C46F51. #C46F51 rgb (196,111,81) #C46F51 16o #506CC4 rgb (80,108,196) #506CC4 226o #A5C451 rgb (165,196,81) #A5C451 76o

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. #C4516C rgb (196,81,108) #C4516C 346o #506CC4 rgb (80,108,196) #506CC4 226o #6CC451 rgb (108,196,81) #6CC451 106o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #C4516C rgb (196,81,108) #C4516C 346o #506CC4 rgb (80,108,196) #506CC4 226o #C4A951 rgb (196,169,81) #C4A951 46o #51C4A9 rgb (81,196,169) #51C4A9 166o