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

#345AB4

In een RGB-kleurruimte is hex #345AB4 samengesteld uit 20% rood, 35% groen en 71% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 34 rood (52/255), een 5A groen (90/255) en een B4 blauw component (180/255). De decimale RGB-kleurcode is rgb(52,90,180) In CMYK-kleurruimte is het samengesteld uit 71% cyaan, 50% magenta, 0% geel en 29% zwart. Het heeft een tinthoek van 222.19o graden, een verzadiging van 55% en een lichtheid van 45%. De dichtstbijzijnde websafe-kleur is: #3366cc rgb (51, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #345AB4 heeft RGB-waarden van R:52, G:90, B:180 en CMYK-waarden van C:71, M:50, Y:0, K:29. De decimale waarde is 3431092.De binaire code is 1101000101101010110100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 345AB4  #345AB4 RGB decimale 52, 90, 180  rgb(52, 90, 180) RGB % 20, 35, 71  rgb(20%, 35%, 71%) RGB Adobe 67, 90, 176 CMYK % 71, 50, 0, 29  71%, 50%, 0%, 29% HSL 222.19o, 55, 45  hsl(222.19o, 55%, 45%) HSV (HSB) 222o, 71%, 71%  hsv(222o, 71%, 71%)

Web Safe kleur #3366cc rgb (51, 102, 204) XYZ 13.311, 11.338 44.667 xyY 0.19, 0.16, 11.34 Hunter-Lab 33.67, 13.65, -59.1 CMY 80%, 65%, 29% Lab 39.34, 10.84, -52.87 Binair kleur 34 5A B4 110100 1011010 10110100

Schakeringen en tinten van #345AB4

---

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

Tint kleurvariatie #345AB4

#5273BF rgb (82,115,191) #5273BF #6C88C9 rgb (108,136,201) #6C88C9 #829AD1 rgb (130,154,209) #829AD1 #95A9D8 rgb (149,169,216) #95A9D8 #A5B6DE rgb (165,182,222) #A5B6DE #B3C1E3 rgb (179,193,227) #B3C1E3 #BECAE7 rgb (190,202,231) #BECAE7 #C8D2EB rgb (200,210,235) #C8D2EB #D0D9EE rgb (208,217,238) #D0D9EE #D7DFF1 rgb (215,223,241) #D7DFF1

Schaduw kleurvariatie

#2C4D99 rgb (44,77,153) #2C4D99 #254182 rgb (37,65,130) #254182 #1F376F rgb (31,55,111) #1F376F #1A2F5E rgb (26,47,94) #1A2F5E #162850 rgb (22,40,80) #162850 #132244 rgb (19,34,68) #132244 #101D3A rgb (16,29,58) #101D3A #0E1931 rgb (14,25,49) #0E1931 #0C152A rgb (12,21,42) #0C152A #0A1224 rgb (10,18,36) #0A1224

Tinten van #345AB4

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

#3C5EAF rgb (60,94,175) #3C5EAF #4361AA rgb (67,97,170) #4361AA #4964A6 rgb (73,100,166) #4964A6 #4F67A2 rgb (79,103,162) #4F67A2 #546A9F rgb (84,106,159) #546A9F #586C9C rgb (88,108,156) #586C9C #5C6E99 rgb (92,110,153) #5C6E99 #607097 rgb (96,112,151) #607097 #637295 rgb (99,114,149) #637295 #667393 rgb (102,115,147) #667393

Alternatieven voor #345AB4

---

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

#341EB4 rgb (52,30,180) #341EB4 #3432B4 rgb (52,50,180) #3432B4 #3446B4 rgb (52,70,180) #3446B4 #346EB4 rgb (52,110,180) #346EB4 #3482B4 rgb (52,130,180) #3482B4 #3496B4 rgb (52,150,180) #3496B4

Snel gebruik #345AB4

---

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

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

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

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

Kleurenschema's met #345AB4

---

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: 71% heeft een #345AB4-verzadiging. Het toevoegen van 71% + 10% = 81% verzadiging voor onze nieuwe kleur #1B3E8F. Ccc17 verlagen - 10% = 61% verzadiging #567edb rgb (86,126,219) #567edb 61% verzadiging #564b75 rgb (57,75,117) #564b75 51% verzadiging #1b3e8f rgb (27,62,143) #1b3e8f 81% verzadiging #0b2b75 rgb (11,43,117) #0b2b75 91% 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 #4E35B5 rgb (78,53,181) #4E35B5 252o #345AB4 rgb (52,90,180) #345AB4 222o #359BB5 rgb (53,155,181) #359BB5 192o

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: #345AB4 heeft een 222o hoek. Ccc02 + 180o = 42oo toevoegen voor onze nieuwe complementaire kleur #B58E35. #345AB4 rgb (52,90,180) #345AB4 222o #B58E35 rgb (181,142,53) #B58E35 42o

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: #345AB4 heeft een 222o hoek. Ccc07 + 180o+30o = 72o optellen voor onze eerste complementaire kleur #9BB535. Afnemend 222o + 180o-30o = 12o voor de tweede complementaire kleur #B54E35. #B54E35 rgb (181,78,53) #B54E35 12o #345AB4 rgb (52,90,180) #345AB4 222o #9BB535 rgb (155,181,53) #9BB535 72o

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. #B5355B rgb (181,53,91) #B5355B 342o #345AB4 rgb (52,90,180) #345AB4 222o #5BB535 rgb (91,181,53) #5BB535 102o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B5355B rgb (181,53,91) #B5355B 342o #345AB4 rgb (52,90,180) #345AB4 222o #B58E35 rgb (181,142,53) #B58E35 42o #35B58E rgb (53,181,142) #35B58E 162o