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

#344A6B

In een RGB-kleurruimte is hex #344A6B samengesteld uit 20% rood, 29% groen en 42% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 34 rood (52/255), een 4A groen (74/255) en een 6B blauw component (107/255). De decimale RGB-kleurcode is rgb(52,74,107) In CMYK-kleurruimte is het samengesteld uit 51% cyaan, 31% magenta, 0% geel en 58% zwart. Het heeft een tinthoek van 216o graden, een verzadiging van 35% en een lichtheid van 31%. De dichtstbijzijnde websafe-kleur is: #333366 rgb (51, 51, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #344A6B heeft RGB-waarden van R:52, G:74, B:107 en CMYK-waarden van C:51, M:31, Y:0, K:58. De decimale waarde is 3426923.De binaire code is 1101000100101001101011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 344A6B  #344A6B RGB decimale 52, 74, 107  rgb(52, 74, 107) RGB % 20, 29, 42  rgb(20%, 29%, 42%) RGB Adobe 62, 75, 106 CMYK % 51, 31, 0, 58  51%, 31%, 0%, 58% HSL 216o, 35, 31  hsl(216o, 35%, 31%) HSV (HSB) 216o, 51%, 42%  hsv(216o, 51%, 42%)

Web Safe kleur #333366 rgb (51, 51, 102) XYZ 6.519, 6.689 14.857 xyY 0.23, 0.24, 6.69 Hunter-Lab 25.86, 1.13, -18.03 CMY 80%, 71%, 58% Lab 30.79, -0.98, -22.14 Binair kleur 34 4A 6B 110100 1001010 1101011

Schakeringen en tinten van #344A6B

---

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

Tint kleurvariatie #344A6B

#526581 rgb (82,101,129) #526581 #6C7C94 rgb (108,124,148) #6C7C94 #8290A4 rgb (130,144,164) #8290A4 #95A1B2 rgb (149,161,178) #95A1B2 #A5AFBE rgb (165,175,190) #A5AFBE #B3BBC8 rgb (179,187,200) #B3BBC8 #BEC5D0 rgb (190,197,208) #BEC5D0 #C8CED7 rgb (200,206,215) #C8CED7 #D0D5DD rgb (208,213,221) #D0D5DD #D7DBE2 rgb (215,219,226) #D7DBE2

Schaduw kleurvariatie

#2C3F5B rgb (44,63,91) #2C3F5B #25364D rgb (37,54,77) #25364D #1F2E41 rgb (31,46,65) #1F2E41 #1A2737 rgb (26,39,55) #1A2737 #16212F rgb (22,33,47) #16212F #131C28 rgb (19,28,40) #131C28 #101822 rgb (16,24,34) #101822 #0E141D rgb (14,20,29) #0E141D #0C1119 rgb (12,17,25) #0C1119 #0A0E15 rgb (10,14,21) #0A0E15

Tinten van #344A6B

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

#3C4F6D rgb (60,79,109) #3C4F6D #43546F rgb (67,84,111) #43546F #495871 rgb (73,88,113) #495871 #4F5C73 rgb (79,92,115) #4F5C73 #546074 rgb (84,96,116) #546074 #586375 rgb (88,99,117) #586375 #5C6676 rgb (92,102,118) #5C6676 #606977 rgb (96,105,119) #606977 #636B78 rgb (99,107,120) #636B78 #666D79 rgb (102,109,121) #666D79

Alternatieven voor #344A6B

---

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

#340E6B rgb (52,14,107) #340E6B #34226B rgb (52,34,107) #34226B #34366B rgb (52,54,107) #34366B #345E6B rgb (52,94,107) #345E6B #34726B rgb (52,114,107) #34726B #34866B rgb (52,134,107) #34866B

Snel gebruik #344A6B

---

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

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

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

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

Kleurenschema's met #344A6B

---

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: 51% heeft een #344A6B-verzadiging. Het toevoegen van 51% + 10% = 61% verzadiging voor onze nieuwe kleur #1B2C45. Ccc17 verlagen - 10% = 41% verzadiging #566e91 rgb (86,110,145) #566e91 41% verzadiging #56232b rgb (30,35,43) #56232b 31% verzadiging #1b2c45 rgb (27,44,69) #1b2c45 61% verzadiging #0d192b rgb (13,25,43) #0d192b 71% 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 #3A346B rgb (58,52,107) #3A346B 246o #344A6B rgb (52,74,107) #344A6B 216o #34666B rgb (52,102,107) #34666B 186o

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: #344A6B heeft een 216o hoek. Ccc02 + 180o = 36oo toevoegen voor onze nieuwe complementaire kleur #6B5534. #344A6B rgb (52,74,107) #344A6B 216o #6B5534 rgb (107,85,52) #6B5534 36o

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: #344A6B heeft een 216o hoek. Ccc07 + 180o+30o = 66o optellen voor onze eerste complementaire kleur #666B34. Afnemend 216o + 180o-30o = 6o voor de tweede complementaire kleur #6B3A34. #6B3A34 rgb (107,58,52) #6B3A34 6o #344A6B rgb (52,74,107) #344A6B 216o #666B34 rgb (102,107,52) #666B34 66o

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. #6B344A rgb (107,52,74) #6B344A 336o #344A6B rgb (52,74,107) #344A6B 216o #4A6B34 rgb (74,107,52) #4A6B34 96o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #6B344A rgb (107,52,74) #6B344A 336o #344A6B rgb (52,74,107) #344A6B 216o #6B5534 rgb (107,85,52) #6B5534 36o #346B55 rgb (52,107,85) #346B55 156o