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

#506C86

In een RGB-kleurruimte is hex #506C86 samengesteld uit 31% rood, 42% groen en 53% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 50 rood (80/255), een 6C groen (108/255) en een 86 blauw component (134/255). De decimale RGB-kleurcode is rgb(80,108,134) In CMYK-kleurruimte is het samengesteld uit 40% cyaan, 19% magenta, 0% geel en 47% zwart. Het heeft een tinthoek van 208.89o graden, een verzadiging van 25% en een lichtheid van 42%. De dichtstbijzijnde websafe-kleur is: #666699 rgb (102, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #506C86 heeft RGB-waarden van R:80, G:108, B:134 en CMYK-waarden van C:40, M:19, Y:0, K:47. De decimale waarde is 5270662.De binaire code is 10100000110110010000110
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 506C86  #506C86 RGB decimale 80, 108, 134  rgb(80, 108, 134) RGB % 31, 42, 53  rgb(31%, 42%, 53%) RGB Adobe 90, 108, 132 CMYK % 40, 19, 0, 47  40%, 19%, 0%, 47% HSL 208.89o, 25, 42  hsl(208.89o, 25%, 42%) HSV (HSB) 209o, 40%, 53%  hsv(209o, 40%, 53%)

Web Safe kleur #666699 rgb (102, 102, 153) XYZ 12.974, 14.152 24.602 xyY 0.25, 0.27, 14.15 Hunter-Lab 37.62, -2.3, -15.05 CMY 69%, 58%, 47% Lab 44.2, -5.22, -17.9 Binair kleur 50 6C 86 1010000 1101100 10000110

Schakeringen en tinten van #506C86

---

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: #10161A is de donkerste kleur en: #DCE2E7 is de lichtste.

Tint kleurvariatie #506C86

#6A8298 rgb (106,130,152) #6A8298 #8095A7 rgb (128,149,167) #8095A7 #93A5B4 rgb (147,165,180) #93A5B4 #A3B3BF rgb (163,179,191) #A3B3BF #B1BEC9 rgb (177,190,201) #B1BEC9 #BDC8D1 rgb (189,200,209) #BDC8D1 #C7D0D8 rgb (199,208,216) #C7D0D8 #CFD7DE rgb (207,215,222) #CFD7DE #D6DDE3 rgb (214,221,227) #D6DDE3 #DCE2E7 rgb (220,226,231) #DCE2E7

Schaduw kleurvariatie

#445C72 rgb (68,92,114) #445C72 #3A4E61 rgb (58,78,97) #3A4E61 #314252 rgb (49,66,82) #314252 #2A3846 rgb (42,56,70) #2A3846 #24303C rgb (36,48,60) #24303C #1F2933 rgb (31,41,51) #1F2933 #1A232B rgb (26,35,43) #1A232B #161E25 rgb (22,30,37) #161E25 #131A1F rgb (19,26,31) #131A1F #10161A rgb (16,22,26) #10161A

Tinten van #506C86

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

#556E85 rgb (85,110,133) #556E85 #597085 rgb (89,112,133) #597085 #5D7285 rgb (93,114,133) #5D7285 #617385 rgb (97,115,133) #617385 #647485 rgb (100,116,133) #647485 #677585 rgb (103,117,133) #677585 #6A7685 rgb (106,118,133) #6A7685 #6C7785 rgb (108,119,133) #6C7785 #6E7885 rgb (110,120,133) #6E7885 #707985 rgb (112,121,133) #707985

Alternatieven voor #506C86

---

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

#503086 rgb (80,48,134) #503086 #504486 rgb (80,68,134) #504486 #505886 rgb (80,88,134) #505886 #508086 rgb (80,128,134) #508086 #509486 rgb (80,148,134) #509486 #50A886 rgb (80,168,134) #50A886

Snel gebruik #506C86

---

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

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

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

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

Kleurenschema's met #506C86

---

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: 40% heeft een #506C86-verzadiging. Het toevoegen van 40% + 10% = 50% verzadiging voor onze nieuwe kleur #304961. Ccc17 verlagen - 10% = 30% verzadiging #7994ad rgb (121,148,173) #7994ad 30% verzadiging #794047 rgb (57,64,71) #794047 20% verzadiging #304961 rgb (48,73,97) #304961 50% verzadiging #1d3347 rgb (29,51,71) #1d3347 60% 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 #515287 rgb (81,82,135) #515287 239o #506C86 rgb (80,108,134) #506C86 209o #518786 rgb (81,135,134) #518786 179o

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: #506C86 heeft een 209o hoek. Ccc02 + 180o = 29oo toevoegen voor onze nieuwe complementaire kleur #876B51. #506C86 rgb (80,108,134) #506C86 209o #876B51 rgb (135,107,81) #876B51 29o

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: #506C86 heeft een 209o hoek. Ccc07 + 180o+30o = 59o optellen voor onze eerste complementaire kleur #878651. Afnemend 209o + 180o-30o = 359o voor de tweede complementaire kleur #875152. #875152 rgb (135,81,82) #875152 359o #506C86 rgb (80,108,134) #506C86 209o #878651 rgb (135,134,81) #878651 59o

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. #87516D rgb (135,81,109) #87516D 329o #506C86 rgb (80,108,134) #506C86 209o #6D8751 rgb (109,135,81) #6D8751 89o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #87516D rgb (135,81,109) #87516D 329o #506C86 rgb (80,108,134) #506C86 209o #876B51 rgb (135,107,81) #876B51 29o #51876B rgb (81,135,107) #51876B 149o