#5050B0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #5050B0

#5050B0

In een RGB-kleurruimte is hex #5050B0 samengesteld uit 31% rood, 31% groen en 69% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 50 rood (80/255), een 50 groen (80/255) en een B0 blauw component (176/255). De decimale RGB-kleurcode is rgb(80,80,176) In CMYK-kleurruimte is het samengesteld uit 55% cyaan, 55% magenta, 0% geel en 31% zwart. Het heeft een tinthoek van 240o graden, een verzadiging van 38% en een lichtheid van 50%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #5050B0 heeft RGB-waarden van R:80, G:80, B:176 en CMYK-waarden van C:55, M:55, Y:0, K:31. De decimale waarde is 5263536.De binaire code is 10100000101000010110000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 5050B0  #5050B0 RGB decimale 80, 80, 176  rgb(80, 80, 176) RGB % 31, 31, 69  rgb(31%, 31%, 69%) RGB Adobe 81, 81, 172 CMYK % 55, 55, 0, 31  55%, 55%, 0%, 31% HSL 240o, 38, 50  hsl(240o, 38%, 50%) HSV (HSB) 240o, 55%, 69%  hsv(240o, 55%, 69%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 14.013, 10.577 42.377 xyY 0.21, 0.16, 10.58 Hunter-Lab 32.52, 22.08, -58.42 CMY 69%, 69%, 31% Lab 38.14, 21.69, -52.34 Binair kleur 50 50 B0 1010000 1010000 10110000

Schakeringen en tinten van #5050B0

---

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

Tint kleurvariatie #5050B0

#6A6ABC rgb (106,106,188) #6A6ABC #8080C6 rgb (128,128,198) #8080C6 #9393CF rgb (147,147,207) #9393CF #A3A3D6 rgb (163,163,214) #A3A3D6 #B1B1DC rgb (177,177,220) #B1B1DC #BDBDE1 rgb (189,189,225) #BDBDE1 #C7C7E6 rgb (199,199,230) #C7C7E6 #CFCFEA rgb (207,207,234) #CFCFEA #D6D6ED rgb (214,214,237) #D6D6ED #DCDCF0 rgb (220,220,240) #DCDCF0

Schaduw kleurvariatie

#444496 rgb (68,68,150) #444496 #3A3A80 rgb (58,58,128) #3A3A80 #31316D rgb (49,49,109) #31316D #2A2A5D rgb (42,42,93) #2A2A5D #24244F rgb (36,36,79) #24244F #1F1F43 rgb (31,31,67) #1F1F43 #1A1A39 rgb (26,26,57) #1A1A39 #161630 rgb (22,22,48) #161630 #131329 rgb (19,19,41) #131329 #101023 rgb (16,16,35) #101023

Tinten van #5050B0

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

#5555AB rgb (85,85,171) #5555AB #5959A7 rgb (89,89,167) #5959A7 #5D5DA3 rgb (93,93,163) #5D5DA3 #6161A0 rgb (97,97,160) #6161A0 #64649D rgb (100,100,157) #64649D #67679A rgb (103,103,154) #67679A #6A6A97 rgb (106,106,151) #6A6A97 #6C6C95 rgb (108,108,149) #6C6C95 #6E6E93 rgb (110,110,147) #6E6E93 #707091 rgb (112,112,145) #707091

Alternatieven voor #5050B0

---

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

#5014B0 rgb (80,20,176) #5014B0 #5028B0 rgb (80,40,176) #5028B0 #503CB0 rgb (80,60,176) #503CB0 #5064B0 rgb (80,100,176) #5064B0 #5078B0 rgb (80,120,176) #5078B0 #508CB0 rgb (80,140,176) #508CB0

Snel gebruik #5050B0

---

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

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

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

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

Kleurenschema's met #5050B0

---

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: 55% heeft een #5050B0-verzadiging. Het toevoegen van 55% + 10% = 65% verzadiging voor onze nieuwe kleur #30308A. Ccc17 verlagen - 10% = 45% verzadiging #7676d6 rgb (118,118,214) #7676d6 45% verzadiging #764970 rgb (73,73,112) #764970 35% verzadiging #30308a rgb (48,48,138) #30308a 65% verzadiging #1c1c70 rgb (28,28,112) #1c1c70 75% 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 #804FB0 rgb (128,79,176) #804FB0 270o #5050B0 rgb (80,80,176) #5050B0 240o #4F80B0 rgb (79,128,176) #4F80B0 210o

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: #5050B0 heeft een 240o hoek. Ccc02 + 180o = 60oo toevoegen voor onze nieuwe complementaire kleur #B0B04F. #5050B0 rgb (80,80,176) #5050B0 240o #B0B04F rgb (176,176,79) #B0B04F 60o

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: #5050B0 heeft een 240o hoek. Ccc07 + 180o+30o = 90o optellen voor onze eerste complementaire kleur #80B04F. Afnemend 240o + 180o-30o = 30o voor de tweede complementaire kleur #B0804F. #B0804F rgb (176,128,79) #B0804F 30o #5050B0 rgb (80,80,176) #5050B0 240o #80B04F rgb (128,176,79) #80B04F 90o

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. #B04F4F rgb (176,79,79) #B04F4F 360o #5050B0 rgb (80,80,176) #5050B0 240o #4FB04F rgb (79,176,79) #4FB04F 120o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B04F4F rgb (176,79,79) #B04F4F 360o #5050B0 rgb (80,80,176) #5050B0 240o #B0B04F rgb (176,176,79) #B0B04F 60o #4FB0B0 rgb (79,176,176) #4FB0B0 180o