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

#334ED4

In een RGB-kleurruimte is hex #334ED4 samengesteld uit 20% rood, 31% groen en 83% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 4E groen (78/255) en een D4 blauw component (212/255). De decimale RGB-kleurcode is rgb(51,78,212) In CMYK-kleurruimte is het samengesteld uit 76% cyaan, 63% magenta, 0% geel en 17% zwart. Het heeft een tinthoek van 229.94o graden, een verzadiging van 65% en een lichtheid van 52%. De dichtstbijzijnde websafe-kleur is: #3366cc rgb (51, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #334ED4 heeft RGB-waarden van R:51, G:78, B:212 en CMYK-waarden van C:76, M:63, Y:0, K:17. De decimale waarde is 3362516.De binaire code is 1100110100111011010100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 334ED4  #334ED4 RGB decimale 51, 78, 212  rgb(51, 78, 212) RGB % 20, 31, 83  rgb(20%, 31%, 83%) RGB Adobe 63, 79, 207 CMYK % 76, 63, 0, 17  76%, 63%, 0%, 17% HSL 229.94o, 65, 52  hsl(229.94o, 65%, 52%) HSV (HSB) 230o, 76%, 83%  hsv(230o, 76%, 83%)

Web Safe kleur #3366cc rgb (51, 102, 204) XYZ 15.973, 10.906 63.551 xyY 0.18, 0.12, 10.91 Hunter-Lab 33.02, 30.79, -96.34 CMY 80%, 69%, 17% Lab 38.18, 27.99, -73.31 Binair kleur 33 4E D4 110011 1001110 11010100

Schakeringen en tinten van #334ED4

---

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

Tint kleurvariatie #334ED4

#5269DA rgb (82,105,218) #5269DA #6C80E0 rgb (108,128,224) #6C80E0 #8293E5 rgb (130,147,229) #8293E5 #95A3E9 rgb (149,163,233) #95A3E9 #A5B1EC rgb (165,177,236) #A5B1EC #B3BDEF rgb (179,189,239) #B3BDEF #BEC7F1 rgb (190,199,241) #BEC7F1 #C8CFF3 rgb (200,207,243) #C8CFF3 #D0D6F5 rgb (208,214,245) #D0D6F5 #D7DCF7 rgb (215,220,247) #D7DCF7

Schaduw kleurvariatie

#2B42B4 rgb (43,66,180) #2B42B4 #253899 rgb (37,56,153) #253899 #1F3082 rgb (31,48,130) #1F3082 #1A296F rgb (26,41,111) #1A296F #16235E rgb (22,35,94) #16235E #131E50 rgb (19,30,80) #131E50 #101A44 rgb (16,26,68) #101A44 #0E163A rgb (14,22,58) #0E163A #0C1331 rgb (12,19,49) #0C1331 #0A102A rgb (10,16,42) #0A102A

Tinten van #334ED4

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

#3B53CC rgb (59,83,204) #3B53CC #4258C4 rgb (66,88,196) #4258C4 #485CBD rgb (72,92,189) #485CBD #4E60B7 rgb (78,96,183) #4E60B7 #5363B2 rgb (83,99,178) #5363B2 #5866AD rgb (88,102,173) #5866AD #5C69A9 rgb (92,105,169) #5C69A9 #606BA5 rgb (96,107,165) #606BA5 #636DA1 rgb (99,109,161) #636DA1 #666F9E rgb (102,111,158) #666F9E

Alternatieven voor #334ED4

---

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

#3312D4 rgb (51,18,212) #3312D4 #3326D4 rgb (51,38,212) #3326D4 #333AD4 rgb (51,58,212) #333AD4 #3362D4 rgb (51,98,212) #3362D4 #3376D4 rgb (51,118,212) #3376D4 #338AD4 rgb (51,138,212) #338AD4

Snel gebruik #334ED4

---

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

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

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

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

Kleurenschema's met #334ED4

---

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: 76% heeft een #334ED4-verzadiging. Het toevoegen van 76% + 10% = 86% verzadiging voor onze nieuwe kleur #1831AD. Ccc17 verlagen - 10% = 66% verzadiging #5570fa rgb (85,112,250) #5570fa 66% verzadiging #554f94 rgb (65,79,148) #554f94 56% verzadiging #1831ad rgb (24,49,173) #1831ad 86% verzadiging #061e94 rgb (6,30,148) #061e94 96% 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 #6833D4 rgb (104,51,212) #6833D4 260o #334ED4 rgb (51,78,212) #334ED4 230o #339ED4 rgb (51,158,212) #339ED4 200o

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: #334ED4 heeft een 230o hoek. Ccc02 + 180o = 50oo toevoegen voor onze nieuwe complementaire kleur #D4B933. #334ED4 rgb (51,78,212) #334ED4 230o #D4B933 rgb (212,185,51) #D4B933 50o

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: #334ED4 heeft een 230o hoek. Ccc07 + 180o+30o = 80o optellen voor onze eerste complementaire kleur #9ED433. Afnemend 230o + 180o-30o = 20o voor de tweede complementaire kleur #D46833. #D46833 rgb (212,104,51) #D46833 20o #334ED4 rgb (51,78,212) #334ED4 230o #9ED433 rgb (158,212,51) #9ED433 80o

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. #D4334E rgb (212,51,78) #D4334E 350o #334ED4 rgb (51,78,212) #334ED4 230o #4ED433 rgb (78,212,51) #4ED433 110o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #D4334E rgb (212,51,78) #D4334E 350o #334ED4 rgb (51,78,212) #334ED4 230o #D4B933 rgb (212,185,51) #D4B933 50o #33D4B9 rgb (51,212,185) #33D4B9 170o