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

#337A56

In een RGB-kleurruimte is hex #337A56 samengesteld uit 20% rood, 48% groen en 34% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 7A groen (122/255) en een 56 blauw component (86/255). De decimale RGB-kleurcode is rgb(51,122,86) In CMYK-kleurruimte is het samengesteld uit 58% cyaan, 0% magenta, 30% geel en 52% zwart. Het heeft een tinthoek van 149.58o graden, een verzadiging van 41% en een lichtheid van 34%. De dichtstbijzijnde websafe-kleur is: #336666 rgb (51, 102, 102).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #337A56 heeft RGB-waarden van R:51, G:122, B:86 en CMYK-waarden van C:58, M:0, Y:30, K:52. De decimale waarde is 3373654.De binaire code is 1100110111101001010110
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 337A56  #337A56 RGB decimale 51, 122, 86  rgb(51, 122, 86) RGB % 20, 48, 34  rgb(20%, 48%, 34%) RGB Adobe 80, 121, 88 CMYK % 58, 0, 30, 52  58%, 0%, 30%, 52% HSL 149.58o, 41, 34  hsl(149.58o, 41%, 34%) HSV (HSB) 150o, 58%, 48%  hsv(150o, 58%, 48%)

Web Safe kleur #336666 rgb (51, 102, 102) XYZ 10.004, 15.295 11.229 xyY 0.27, 0.42, 15.3 Hunter-Lab 39.11, -21.02, 8.54 CMY 80%, 52%, 66% Lab 45.98, -30.14, 12.81 Binair kleur 33 7A 56 110011 1111010 1010110

Schakeringen en tinten van #337A56

---

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

Tint kleurvariatie #337A56

#528E6F rgb (82,142,111) #528E6F #6C9F85 rgb (108,159,133) #6C9F85 #82AD97 rgb (130,173,151) #82AD97 #95B9A7 rgb (149,185,167) #95B9A7 #A5C4B4 rgb (165,196,180) #A5C4B4 #B3CDBF rgb (179,205,191) #B3CDBF #BED5C9 rgb (190,213,201) #BED5C9 #C8DBD1 rgb (200,219,209) #C8DBD1 #D0E0D8 rgb (208,224,216) #D0E0D8 #D7E5DE rgb (215,229,222) #D7E5DE

Schaduw kleurvariatie

#2B6849 rgb (43,104,73) #2B6849 #25583E rgb (37,88,62) #25583E #1F4B35 rgb (31,75,53) #1F4B35 #1A402D rgb (26,64,45) #1A402D #163626 rgb (22,54,38) #163626 #132E20 rgb (19,46,32) #132E20 #10271B rgb (16,39,27) #10271B #0E2117 rgb (14,33,23) #0E2117 #0C1C14 rgb (12,28,20) #0C1C14 #0A1811 rgb (10,24,17) #0A1811

Tinten van #337A56

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

#3B7B5A rgb (59,123,90) #3B7B5A #427C5E rgb (66,124,94) #427C5E #487C61 rgb (72,124,97) #487C61 #4E7C64 rgb (78,124,100) #4E7C64 #537C67 rgb (83,124,103) #537C67 #587C6A rgb (88,124,106) #587C6A #5C7C6C rgb (92,124,108) #5C7C6C #607C6E rgb (96,124,110) #607C6E #637C70 rgb (99,124,112) #637C70 #667C72 rgb (102,124,114) #667C72

Alternatieven voor #337A56

---

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

#333E56 rgb (51,62,86) #333E56 #335256 rgb (51,82,86) #335256 #336656 rgb (51,102,86) #336656 #338E56 rgb (51,142,86) #338E56 #33A256 rgb (51,162,86) #33A256 #33B656 rgb (51,182,86) #33B656

Snel gebruik #337A56

---

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

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

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

Voorgeformatteerde code 337A56	code voor script / programming
HTML, CSS:	= #337A56; rgb(51, 122, 86)
Java:	= new Color(51, 122, 86)
.NET:	= Color.FromArgb (51, 122, 86);
Xojo:	= rgb (51, 122, 86, 0);
openGL:	= glColor3f (0.2f, 0.48f, 0.34f);
Swift:	= UIColor(red:0.2, green:0.48, blue:0.34, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.48 blue:0.34 alpha:1.00000];

Kleurenschema's met #337A56

---

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: 58% heeft een #337A56-verzadiging. Het toevoegen van 58% + 10% = 68% verzadiging voor onze nieuwe kleur #1B5438. Ccc17 verlagen - 10% = 48% verzadiging #54a17a rgb (84,161,122) #54a17a 48% verzadiging #543b30 rgb (36,59,48) #543b30 38% verzadiging #1b5438 rgb (27,84,56) #1b5438 68% verzadiging #0d3b24 rgb (13,59,36) #0d3b24 78% 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 #337A7A rgb (51,122,122) #337A7A 180o #337A56 rgb (51,122,86) #337A56 150o #337A33 rgb (51,122,51) #337A33 120o

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: #337A56 heeft een 150o hoek. Ccc02 + 180o = 330oo toevoegen voor onze nieuwe complementaire kleur #7A3357. #337A56 rgb (51,122,86) #337A56 150o #7A3357 rgb (122,51,87) #7A3357 330o

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: #337A56 heeft een 150o hoek. Ccc07 + 180o+30o = 360o optellen voor onze eerste complementaire kleur #7A3333. Afnemend 150o + 180o-30o = 300o voor de tweede complementaire kleur #7A337A. #7A337A rgb (122,51,122) #7A337A 300o #337A56 rgb (51,122,86) #337A56 150o #7A3333 rgb (122,51,51) #7A3333 360o

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. #57337A rgb (87,51,122) #57337A 270o #337A56 rgb (51,122,86) #337A56 150o #7A5733 rgb (122,87,51) #7A5733 30o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #57337A rgb (87,51,122) #57337A 270o #337A56 rgb (51,122,86) #337A56 150o #7A3357 rgb (122,51,87) #7A3357 330o #577A33 rgb (87,122,51) #577A33 90o