#334AA8 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #334AA8

#334AA8

In een RGB-kleurruimte is hex #334AA8 samengesteld uit 20% rood, 29% groen en 66% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 4A groen (74/255) en een A8 blauw component (168/255). De decimale RGB-kleurcode is rgb(51,74,168) In CMYK-kleurruimte is het samengesteld uit 70% cyaan, 56% magenta, 0% geel en 34% zwart. Het heeft een tinthoek van 228.21o graden, een verzadiging van 53% en een lichtheid van 43%. De dichtstbijzijnde websafe-kleur is: #333399 rgb (51, 51, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #334AA8 heeft RGB-waarden van R:51, G:74, B:168 en CMYK-waarden van C:70, M:56, Y:0, K:34. De decimale waarde is 3361448.De binaire code is 1100110100101010101000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 334AA8  #334AA8 RGB decimale 51, 74, 168  rgb(51, 74, 168) RGB % 20, 29, 66  rgb(20%, 29%, 66%) RGB Adobe 61, 75, 164 CMYK % 70, 56, 0, 34  70%, 56%, 0%, 34% HSL 228.21o, 53, 43  hsl(228.21o, 53%, 43%) HSV (HSB) 228o, 70%, 66%  hsv(228o, 70%, 66%)

Web Safe kleur #333399 rgb (51, 51, 153) XYZ 10.882, 8.429 38.099 xyY 0.19, 0.15, 8.43 Hunter-Lab 29.03, 17.93, -61.33 CMY 80%, 71%, 34% Lab 34.02, 16.79, -54.36 Binair kleur 33 4A A8 110011 1001010 10101000

Schakeringen en tinten van #334AA8

---

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

Tint kleurvariatie #334AA8

#5265B5 rgb (82,101,181) #5265B5 #6C7CC0 rgb (108,124,192) #6C7CC0 #8290C9 rgb (130,144,201) #8290C9 #95A1D1 rgb (149,161,209) #95A1D1 #A5AFD8 rgb (165,175,216) #A5AFD8 #B3BBDE rgb (179,187,222) #B3BBDE #BEC5E3 rgb (190,197,227) #BEC5E3 #C8CEE7 rgb (200,206,231) #C8CEE7 #D0D5EB rgb (208,213,235) #D0D5EB #D7DBEE rgb (215,219,238) #D7DBEE

Schaduw kleurvariatie

#2B3F8F rgb (43,63,143) #2B3F8F #25367A rgb (37,54,122) #25367A #1F2E68 rgb (31,46,104) #1F2E68 #1A2758 rgb (26,39,88) #1A2758 #16214B rgb (22,33,75) #16214B #131C40 rgb (19,28,64) #131C40 #101836 rgb (16,24,54) #101836 #0E142E rgb (14,20,46) #0E142E #0C1127 rgb (12,17,39) #0C1127 #0A0E21 rgb (10,14,33) #0A0E21

Tinten van #334AA8

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

#3B4FA4 rgb (59,79,164) #3B4FA4 #4254A0 rgb (66,84,160) #4254A0 #48589D rgb (72,88,157) #48589D #4E5C9A rgb (78,92,154) #4E5C9A #536097 rgb (83,96,151) #536097 #586395 rgb (88,99,149) #586395 #5C6693 rgb (92,102,147) #5C6693 #606991 rgb (96,105,145) #606991 #636B8F rgb (99,107,143) #636B8F #666D8E rgb (102,109,142) #666D8E

Alternatieven voor #334AA8

---

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

#330EA8 rgb (51,14,168) #330EA8 #3322A8 rgb (51,34,168) #3322A8 #3336A8 rgb (51,54,168) #3336A8 #335EA8 rgb (51,94,168) #335EA8 #3372A8 rgb (51,114,168) #3372A8 #3386A8 rgb (51,134,168) #3386A8

Snel gebruik #334AA8

---

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

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

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

Voorgeformatteerde code 334AA8	code voor script / programming
HTML, CSS:	= #334AA8; rgb(51, 74, 168)
Java:	= new Color(51, 74, 168)
.NET:	= Color.FromArgb (51, 74, 168);
Xojo:	= rgb (51, 74, 168, 0);
openGL:	= glColor3f (0.2f, 0.29f, 0.66f);
Swift:	= UIColor(red:0.2, green:0.29, blue:0.66, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.29 blue:0.66 alpha:1.00000];

Kleurenschema's met #334AA8

---

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: 70% heeft een #334AA8-verzadiging. Het toevoegen van 70% + 10% = 80% verzadiging voor onze nieuwe kleur #1A2F82. Ccc17 verlagen - 10% = 60% verzadiging #536bcf rgb (83,107,207) #536bcf 60% verzadiging #533f69 rgb (52,63,105) #533f69 50% verzadiging #1a2f82 rgb (26,47,130) #1a2f82 80% verzadiging #0a1d69 rgb (10,29,105) #0a1d69 90% 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 #5632A8 rgb (86,50,168) #5632A8 258o #334AA8 rgb (51,74,168) #334AA8 228o #3285A8 rgb (50,133,168) #3285A8 198o

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: #334AA8 heeft een 228o hoek. Ccc02 + 180o = 48oo toevoegen voor onze nieuwe complementaire kleur #A89132. #334AA8 rgb (51,74,168) #334AA8 228o #A89132 rgb (168,145,50) #A89132 48o

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: #334AA8 heeft een 228o hoek. Ccc07 + 180o+30o = 78o optellen voor onze eerste complementaire kleur #85A832. Afnemend 228o + 180o-30o = 18o voor de tweede complementaire kleur #A85632. #A85632 rgb (168,86,50) #A85632 18o #334AA8 rgb (51,74,168) #334AA8 228o #85A832 rgb (133,168,50) #85A832 78o

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. #A8324A rgb (168,50,74) #A8324A 348o #334AA8 rgb (51,74,168) #334AA8 228o #4AA832 rgb (74,168,50) #4AA832 108o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #A8324A rgb (168,50,74) #A8324A 348o #334AA8 rgb (51,74,168) #334AA8 228o #A89132 rgb (168,145,50) #A89132 48o #32A891 rgb (50,168,145) #32A891 168o