#345AD4 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #345AD4

#345AD4

In een RGB-kleurruimte is hex #345AD4 samengesteld uit 20% rood, 35% groen en 83% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 34 rood (52/255), een 5A groen (90/255) en een D4 blauw component (212/255). De decimale RGB-kleurcode is rgb(52,90,212) In CMYK-kleurruimte is het samengesteld uit 75% cyaan, 58% magenta, 0% geel en 17% zwart. Het heeft een tinthoek van 225.75o 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 #345AD4 heeft RGB-waarden van R:52, G:90, B:212 en CMYK-waarden van C:75, M:58, Y:0, K:17. De decimale waarde is 3431124.De binaire code is 1101000101101011010100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 345AD4  #345AD4 RGB decimale 52, 90, 212  rgb(52, 90, 212) RGB % 20, 35, 83  rgb(20%, 35%, 83%) RGB Adobe 67, 90, 208 CMYK % 75, 58, 0, 17  75%, 58%, 0%, 17% HSL 225.75o, 65, 52  hsl(225.75o, 65%, 52%) HSV (HSB) 226o, 75%, 83%  hsv(226o, 75%, 83%)

Web Safe kleur #3366cc rgb (51, 102, 204) XYZ 16.956, 12.796 63.864 xyY 0.18, 0.14, 12.8 Hunter-Lab 35.77, 24.3, -85.94 CMY 80%, 65%, 17% Lab 41.35, 20.84, -68.14 Binair kleur 34 5A D4 110100 1011010 11010100

Schakeringen en tinten van #345AD4

---

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

Tint kleurvariatie #345AD4

#5273DA rgb (82,115,218) #5273DA #6C88E0 rgb (108,136,224) #6C88E0 #829AE5 rgb (130,154,229) #829AE5 #95A9E9 rgb (149,169,233) #95A9E9 #A5B6EC rgb (165,182,236) #A5B6EC #B3C1EF rgb (179,193,239) #B3C1EF #BECAF1 rgb (190,202,241) #BECAF1 #C8D2F3 rgb (200,210,243) #C8D2F3 #D0D9F5 rgb (208,217,245) #D0D9F5 #D7DFF7 rgb (215,223,247) #D7DFF7

Schaduw kleurvariatie

#2C4DB4 rgb (44,77,180) #2C4DB4 #254199 rgb (37,65,153) #254199 #1F3782 rgb (31,55,130) #1F3782 #1A2F6F rgb (26,47,111) #1A2F6F #16285E rgb (22,40,94) #16285E #132250 rgb (19,34,80) #132250 #101D44 rgb (16,29,68) #101D44 #0E193A rgb (14,25,58) #0E193A #0C1531 rgb (12,21,49) #0C1531 #0A122A rgb (10,18,42) #0A122A

Tinten van #345AD4

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

#3C5ECC rgb (60,94,204) #3C5ECC #4361C4 rgb (67,97,196) #4361C4 #4964BD rgb (73,100,189) #4964BD #4F67B7 rgb (79,103,183) #4F67B7 #546AB2 rgb (84,106,178) #546AB2 #586CAD rgb (88,108,173) #586CAD #5C6EA9 rgb (92,110,169) #5C6EA9 #6070A5 rgb (96,112,165) #6070A5 #6372A1 rgb (99,114,161) #6372A1 #66739E rgb (102,115,158) #66739E

Alternatieven voor #345AD4

---

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

#341ED4 rgb (52,30,212) #341ED4 #3432D4 rgb (52,50,212) #3432D4 #3446D4 rgb (52,70,212) #3446D4 #346ED4 rgb (52,110,212) #346ED4 #3482D4 rgb (52,130,212) #3482D4 #3496D4 rgb (52,150,212) #3496D4

Snel gebruik #345AD4

---

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

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

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

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

Kleurenschema's met #345AD4

---

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: 75% heeft een #345AD4-verzadiging. Het toevoegen van 75% + 10% = 85% verzadiging voor onze nieuwe kleur #1A3CAD. Ccc17 verlagen - 10% = 65% verzadiging #577dfa rgb (87,125,250) #577dfa 65% verzadiging #575694 rgb (67,86,148) #575694 55% verzadiging #1a3cad rgb (26,60,173) #1a3cad 85% verzadiging #072894 rgb (7,40,148) #072894 95% 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 #5F35D4 rgb (95,53,212) #5F35D4 256o #345AD4 rgb (52,90,212) #345AD4 226o #35A9D4 rgb (53,169,212) #35A9D4 196o

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: #345AD4 heeft een 226o hoek. Ccc02 + 180o = 46oo toevoegen voor onze nieuwe complementaire kleur #D4AF35. #345AD4 rgb (52,90,212) #345AD4 226o #D4AF35 rgb (212,175,53) #D4AF35 46o

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: #345AD4 heeft een 226o hoek. Ccc07 + 180o+30o = 76o optellen voor onze eerste complementaire kleur #A9D435. Afnemend 226o + 180o-30o = 16o voor de tweede complementaire kleur #D45F35. #D45F35 rgb (212,95,53) #D45F35 16o #345AD4 rgb (52,90,212) #345AD4 226o #A9D435 rgb (169,212,53) #A9D435 76o

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. #D4355A rgb (212,53,90) #D4355A 346o #345AD4 rgb (52,90,212) #345AD4 226o #5AD435 rgb (90,212,53) #5AD435 106o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #D4355A rgb (212,53,90) #D4355A 346o #345AD4 rgb (52,90,212) #345AD4 226o #D4AF35 rgb (212,175,53) #D4AF35 46o #35D4AF rgb (53,212,175) #35D4AF 166o