#336BA1 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #336BA1

#336BA1

In een RGB-kleurruimte is hex #336BA1 samengesteld uit 20% rood, 42% groen en 63% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 6B groen (107/255) en een A1 blauw component (161/255). De decimale RGB-kleurcode is rgb(51,107,161) In CMYK-kleurruimte is het samengesteld uit 68% cyaan, 34% magenta, 0% geel en 37% zwart. Het heeft een tinthoek van 209.45o graden, een verzadiging van 52% en een lichtheid van 42%. De dichtstbijzijnde websafe-kleur is: #336699 rgb (51, 102, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #336BA1 heeft RGB-waarden van R:51, G:107, B:161 en CMYK-waarden van C:68, M:34, Y:0, K:37. De decimale waarde is 3369889.De binaire code is 1100110110101110100001
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 336BA1  #336BA1 RGB decimale 51, 107, 161  rgb(51, 107, 161) RGB % 20, 42, 63  rgb(20%, 42%, 63%) RGB Adobe 74, 107, 158 CMYK % 68, 34, 0, 37  68%, 34%, 0%, 37% HSL 209.45o, 52, 42  hsl(209.45o, 52%, 42%) HSV (HSB) 209o, 68%, 63%  hsv(209o, 68%, 63%)

Web Safe kleur #336699 rgb (51, 102, 153) XYZ 13.056, 13.792 35.692 xyY 0.21, 0.22, 13.79 Hunter-Lab 37.14, -0.26, -34.28 CMY 80%, 58%, 37% Lab 43.41, -5.05, -35.25 Binair kleur 33 6B A1 110011 1101011 10100001

Schakeringen en tinten van #336BA1

---

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: #0A151F is de donkerste kleur en: #D7E2EC is de lichtste.

Tint kleurvariatie #336BA1

#5281AF rgb (82,129,175) #5281AF #6C94BB rgb (108,148,187) #6C94BB #82A4C5 rgb (130,164,197) #82A4C5 #95B2CE rgb (149,178,206) #95B2CE #A5BED5 rgb (165,190,213) #A5BED5 #B3C8DB rgb (179,200,219) #B3C8DB #BED0E0 rgb (190,208,224) #BED0E0 #C8D7E5 rgb (200,215,229) #C8D7E5 #D0DDE9 rgb (208,221,233) #D0DDE9 #D7E2EC rgb (215,226,236) #D7E2EC

Schaduw kleurvariatie

#2B5B89 rgb (43,91,137) #2B5B89 #254D74 rgb (37,77,116) #254D74 #1F4163 rgb (31,65,99) #1F4163 #1A3754 rgb (26,55,84) #1A3754 #162F47 rgb (22,47,71) #162F47 #13283C rgb (19,40,60) #13283C #102233 rgb (16,34,51) #102233 #0E1D2B rgb (14,29,43) #0E1D2B #0C1925 rgb (12,25,37) #0C1925 #0A151F rgb (10,21,31) #0A151F

Tinten van #336BA1

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #3B6D9E de minst verzadigde kleur en #66798C de meest verzadigde.

#3B6D9E rgb (59,109,158) #3B6D9E #426F9B rgb (66,111,155) #426F9B #487198 rgb (72,113,152) #487198 #4E7396 rgb (78,115,150) #4E7396 #537494 rgb (83,116,148) #537494 #587592 rgb (88,117,146) #587592 #5C7690 rgb (92,118,144) #5C7690 #60778E rgb (96,119,142) #60778E #63788D rgb (99,120,141) #63788D #66798C rgb (102,121,140) #66798C

Alternatieven voor #336BA1

---

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

#332FA1 rgb (51,47,161) #332FA1 #3343A1 rgb (51,67,161) #3343A1 #3357A1 rgb (51,87,161) #3357A1 #337FA1 rgb (51,127,161) #337FA1 #3393A1 rgb (51,147,161) #3393A1 #33A7A1 rgb (51,167,161) #33A7A1

Snel gebruik #336BA1

---

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

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

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

Voorgeformatteerde code 336BA1	code voor script / programming
HTML, CSS:	= #336BA1; rgb(51, 107, 161)
Java:	= new Color(51, 107, 161)
.NET:	= Color.FromArgb (51, 107, 161);
Xojo:	= rgb (51, 107, 161, 0);
openGL:	= glColor3f (0.2f, 0.42f, 0.63f);
Swift:	= UIColor(red:0.2, green:0.42, blue:0.63, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.42 blue:0.63 alpha:1.00000];

Kleurenschema's met #336BA1

---

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: 68% heeft een #336BA1-verzadiging. Het toevoegen van 68% + 10% = 78% verzadiging voor onze nieuwe kleur #1B4C7A. Ccc17 verlagen - 10% = 58% verzadiging #548fc7 rgb (84,143,199) #548fc7 58% verzadiging #544a61 rgb (50,74,97) #544a61 48% verzadiging #1b4c7a rgb (27,76,122) #1b4c7a 78% verzadiging #0c3861 rgb (12,56,97) #0c3861 88% 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 #3335A1 rgb (51,53,161) #3335A1 239o #336BA1 rgb (51,107,161) #336BA1 209o #33A19F rgb (51,161,159) #33A19F 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: #336BA1 heeft een 209o hoek. Ccc02 + 180o = 29oo toevoegen voor onze nieuwe complementaire kleur #A16833. #336BA1 rgb (51,107,161) #336BA1 209o #A16833 rgb (161,104,51) #A16833 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: #336BA1 heeft een 209o hoek. Ccc07 + 180o+30o = 59o optellen voor onze eerste complementaire kleur #A19F33. Afnemend 209o + 180o-30o = 359o voor de tweede complementaire kleur #A13335. #A13335 rgb (161,51,53) #A13335 359o #336BA1 rgb (51,107,161) #336BA1 209o #A19F33 rgb (161,159,51) #A19F33 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. #A1336C rgb (161,51,108) #A1336C 329o #336BA1 rgb (51,107,161) #336BA1 209o #6CA133 rgb (108,161,51) #6CA133 89o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #A1336C rgb (161,51,108) #A1336C 329o #336BA1 rgb (51,107,161) #336BA1 209o #A16833 rgb (161,104,51) #A16833 29o #33A168 rgb (51,161,104) #33A168 149o