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

#334766

In een RGB-kleurruimte is hex #334766 samengesteld uit 20% rood, 28% groen en 40% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 47 groen (71/255) en een 66 blauw component (102/255). De decimale RGB-kleurcode is rgb(51,71,102) In CMYK-kleurruimte is het samengesteld uit 50% cyaan, 30% magenta, 0% geel en 60% zwart. Het heeft een tinthoek van 216.47o graden, een verzadiging van 33% en een lichtheid van 30%. De dichtstbijzijnde websafe-kleur is: #333366 rgb (51, 51, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #334766 heeft RGB-waarden van R:51, G:71, B:102 en CMYK-waarden van C:50, M:30, Y:0, K:60. De decimale waarde is 3360614.De binaire code is 1100110100011101100110
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 334766  #334766 RGB decimale 51, 71, 102  rgb(51, 71, 102) RGB % 20, 28, 40  rgb(20%, 28%, 40%) RGB Adobe 60, 73, 101 CMYK % 50, 30, 0, 60  50%, 30%, 0%, 60% HSL 216.47o, 33, 30  hsl(216.47o, 33%, 30%) HSV (HSB) 216o, 50%, 40%  hsv(216o, 50%, 40%)

Web Safe kleur #333366 rgb (51, 51, 102) XYZ 6.017, 6.17 13.444 xyY 0.23, 0.24, 6.17 Hunter-Lab 24.84, 1.11, -16.67 CMY 80%, 72%, 60% Lab 29.56, -0.8, -20.9 Binair kleur 33 47 66 110011 1000111 1100110

Schakeringen en tinten van #334766

---

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

Tint kleurvariatie #334766

#52637D rgb (82,99,125) #52637D #6C7A91 rgb (108,122,145) #6C7A91 #828EA2 rgb (130,142,162) #828EA2 #959FB0 rgb (149,159,176) #959FB0 #A5ADBC rgb (165,173,188) #A5ADBC #B3B9C6 rgb (179,185,198) #B3B9C6 #BEC4CF rgb (190,196,207) #BEC4CF #C8CDD6 rgb (200,205,214) #C8CDD6 #D0D5DC rgb (208,213,220) #D0D5DC #D7DBE1 rgb (215,219,225) #D7DBE1

Schaduw kleurvariatie

#2B3C57 rgb (43,60,87) #2B3C57 #25334A rgb (37,51,74) #25334A #1F2B3F rgb (31,43,63) #1F2B3F #1A2536 rgb (26,37,54) #1A2536 #161F2E rgb (22,31,46) #161F2E #131A27 rgb (19,26,39) #131A27 #101621 rgb (16,22,33) #101621 #0E131C rgb (14,19,28) #0E131C #0C1018 rgb (12,16,24) #0C1018 #0A0E14 rgb (10,14,20) #0A0E14

Tinten van #334766

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

#3B4D69 rgb (59,77,105) #3B4D69 #42526B rgb (66,82,107) #42526B #48576D rgb (72,87,109) #48576D #4E5B6F rgb (78,91,111) #4E5B6F #535F71 rgb (83,95,113) #535F71 #586273 rgb (88,98,115) #586273 #5C6574 rgb (92,101,116) #5C6574 #606875 rgb (96,104,117) #606875 #636A76 rgb (99,106,118) #636A76 #666C77 rgb (102,108,119) #666C77

Alternatieven voor #334766

---

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

#330B66 rgb (51,11,102) #330B66 #331F66 rgb (51,31,102) #331F66 #333366 rgb (51,51,102) #333366 #335B66 rgb (51,91,102) #335B66 #336F66 rgb (51,111,102) #336F66 #338366 rgb (51,131,102) #338366

Snel gebruik #334766

---

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

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

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

Voorgeformatteerde code 334766	code voor script / programming
HTML, CSS:	= #334766; rgb(51, 71, 102)
Java:	= new Color(51, 71, 102)
.NET:	= Color.FromArgb (51, 71, 102);
Xojo:	= rgb (51, 71, 102, 0);
openGL:	= glColor3f (0.2f, 0.28f, 0.4f);
Swift:	= UIColor(red:0.2, green:0.28, blue:0.4, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.28 blue:0.4 alpha:1.00000];

Kleurenschema's met #334766

---

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: 50% heeft een #334766-verzadiging. Het toevoegen van 50% + 10% = 60% verzadiging voor onze nieuwe kleur #1A2940. Ccc17 verlagen - 10% = 40% verzadiging #546b8c rgb (84,107,140) #546b8c 40% verzadiging #541f26 rgb (27,31,38) #541f26 30% verzadiging #1a2940 rgb (26,41,64) #1a2940 60% verzadiging #0b1626 rgb (11,22,38) #0b1626 70% 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 #383366 rgb (56,51,102) #383366 246o #334766 rgb (51,71,102) #334766 216o #336166 rgb (51,97,102) #336166 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: #334766 heeft een 216o hoek. Ccc02 + 180o = 36oo toevoegen voor onze nieuwe complementaire kleur #665233. #334766 rgb (51,71,102) #334766 216o #665233 rgb (102,82,51) #665233 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: #334766 heeft een 216o hoek. Ccc07 + 180o+30o = 66o optellen voor onze eerste complementaire kleur #616633. Afnemend 216o + 180o-30o = 6o voor de tweede complementaire kleur #663833. #663833 rgb (102,56,51) #663833 6o #334766 rgb (51,71,102) #334766 216o #616633 rgb (97,102,51) #616633 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. #663347 rgb (102,51,71) #663347 336o #334766 rgb (51,71,102) #334766 216o #476633 rgb (71,102,51) #476633 96o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #663347 rgb (102,51,71) #663347 336o #334766 rgb (51,71,102) #334766 216o #665233 rgb (102,82,51) #665233 36o #336652 rgb (51,102,82) #336652 156o