#344AAA kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #344AAA

#344AAA

In een RGB-kleurruimte is hex #344AAA samengesteld uit 20% rood, 29% groen en 67% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 34 rood (52/255), een 4A groen (74/255) en een AA blauw component (170/255). De decimale RGB-kleurcode is rgb(52,74,170) In CMYK-kleurruimte is het samengesteld uit 69% cyaan, 56% magenta, 0% geel en 33% zwart. Het heeft een tinthoek van 228.81o graden, een verzadiging van 53% en een lichtheid van 44%. De dichtstbijzijnde websafe-kleur is: #333399 rgb (51, 51, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #344AAA heeft RGB-waarden van R:52, G:74, B:170 en CMYK-waarden van C:69, M:56, Y:0, K:33. De decimale waarde is 3426986.De binaire code is 1101000100101010101010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 344AAA  #344AAA RGB decimale 52, 74, 170  rgb(52, 74, 170) RGB % 20, 29, 67  rgb(20%, 29%, 67%) RGB Adobe 62, 75, 166 CMYK % 69, 56, 0, 33  69%, 56%, 0%, 33% HSL 228.81o, 53, 44  hsl(228.81o, 53%, 44%) HSV (HSB) 229o, 69%, 67%  hsv(229o, 69%, 67%)

Web Safe kleur #333399 rgb (51, 51, 153) XYZ 11.121, 8.53 39.091 xyY 0.19, 0.15, 8.53 Hunter-Lab 29.21, 18.71, -62.83 CMY 80%, 71%, 33% Lab 34.21, 17.59, -55.25 Binair kleur 34 4A AA 110100 1001010 10101010

Schakeringen en tinten van #344AAA

---

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

Tint kleurvariatie #344AAA

#5265B7 rgb (82,101,183) #5265B7 #6C7CC2 rgb (108,124,194) #6C7CC2 #8290CB rgb (130,144,203) #8290CB #95A1D3 rgb (149,161,211) #95A1D3 #A5AFDA rgb (165,175,218) #A5AFDA #B3BBE0 rgb (179,187,224) #B3BBE0 #BEC5E5 rgb (190,197,229) #BEC5E5 #C8CEE9 rgb (200,206,233) #C8CEE9 #D0D5EC rgb (208,213,236) #D0D5EC #D7DBEF rgb (215,219,239) #D7DBEF

Schaduw kleurvariatie

#2C3F91 rgb (44,63,145) #2C3F91 #25367B rgb (37,54,123) #25367B #1F2E69 rgb (31,46,105) #1F2E69 #1A2759 rgb (26,39,89) #1A2759 #16214C rgb (22,33,76) #16214C #131C41 rgb (19,28,65) #131C41 #101837 rgb (16,24,55) #101837 #0E142F rgb (14,20,47) #0E142F #0C1128 rgb (12,17,40) #0C1128 #0A0E22 rgb (10,14,34) #0A0E22

Tinten van #344AAA

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

#3C4FA6 rgb (60,79,166) #3C4FA6 #4354A2 rgb (67,84,162) #4354A2 #49589F rgb (73,88,159) #49589F #4F5C9C rgb (79,92,156) #4F5C9C #546099 rgb (84,96,153) #546099 #586397 rgb (88,99,151) #586397 #5C6695 rgb (92,102,149) #5C6695 #606993 rgb (96,105,147) #606993 #636B91 rgb (99,107,145) #636B91 #666D8F rgb (102,109,143) #666D8F

Alternatieven voor #344AAA

---

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

#340EAA rgb (52,14,170) #340EAA #3422AA rgb (52,34,170) #3422AA #3436AA rgb (52,54,170) #3436AA #345EAA rgb (52,94,170) #345EAA #3472AA rgb (52,114,170) #3472AA #3486AA rgb (52,134,170) #3486AA

Snel gebruik #344AAA

---

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

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

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

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

Kleurenschema's met #344AAA

---

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: 69% heeft een #344AAA-verzadiging. Het toevoegen van 69% + 10% = 79% verzadiging voor onze nieuwe kleur #1C2F85. Ccc17 verlagen - 10% = 59% verzadiging #566cd1 rgb (86,108,209) #566cd1 59% verzadiging #56406b rgb (55,64,107) #56406b 49% verzadiging #1c2f85 rgb (28,47,133) #1c2f85 79% verzadiging #0c1d6b rgb (12,29,107) #0c1d6b 89% 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 #5A35AB rgb (90,53,171) #5A35AB 259o #344AAA rgb (52,74,170) #344AAA 229o #3586AB rgb (53,134,171) #3586AB 199o

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: #344AAA heeft een 229o hoek. Ccc02 + 180o = 49oo toevoegen voor onze nieuwe complementaire kleur #AB9535. #344AAA rgb (52,74,170) #344AAA 229o #AB9535 rgb (171,149,53) #AB9535 49o

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: #344AAA heeft een 229o hoek. Ccc07 + 180o+30o = 79o optellen voor onze eerste complementaire kleur #86AB35. Afnemend 229o + 180o-30o = 19o voor de tweede complementaire kleur #AB5A35. #AB5A35 rgb (171,90,53) #AB5A35 19o #344AAA rgb (52,74,170) #344AAA 229o #86AB35 rgb (134,171,53) #86AB35 79o

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. #AB354B rgb (171,53,75) #AB354B 349o #344AAA rgb (52,74,170) #344AAA 229o #4BAB35 rgb (75,171,53) #4BAB35 109o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #AB354B rgb (171,53,75) #AB354B 349o #344AAA rgb (52,74,170) #344AAA 229o #AB9535 rgb (171,149,53) #AB9535 49o #35AB95 rgb (53,171,149) #35AB95 169o