#506336 hex color

In a RGB color space, hex #506336 is composed of 31.4% red, 38.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 0% magenta, 45.5% yellow and 61.2% black. It has a hue angle of 85.3 degrees, a saturation of 29.4% and a lightness of 30%. #506336 color hex could be obtained by blending #a0c66c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 39
- B 21
RGB color chart
- C 19
- M 0
- Y 45
- K 61
CMYK color chart

● #506336 color description : Very dark desaturated green.

The hexadecimal color #506336 has RGB values of R:80, G:99, B:54 and CMYK values of C:0.19, M:0, Y:0.45, K:0.61. Its decimal value is 5268278.

Hex triplet	506336	`#506336`
RGB Decimal	80, 99, 54	`rgb(80,99,54)`
RGB Percent	31.4, 38.8, 21.2	`rgb(31.4%,38.8%,21.2%)`
CMYK	19, 0, 45, 61
HSL	85.3°, 29.4, 30	`hsl(85.3,29.4%,30%)`
HSV (or HSB)	85.3°, 45.5, 38.8
Web Safe	666633	`#666633`

CIE-LAB	39.404, -15.778, 23.202
XYZ	8.436, 10.895, 5.148
xyY	0.345, 0.445, 10.895
CIE-LCH	39.404, 28.058, 124.217
CIE-LUV	39.404, -9.065, 28.259
Hunter-Lab	33.008, -12.146, 13.858
Binary	01010000, 01100011, 00110110

#506336
```
#506336 rgb(80,99,54)
```
#493663
```
#493663 rgb(73,54,99)
```

Complementary Color

#636036
```
#636036 rgb(99,96,54)
```
#506336
```
#506336 rgb(80,99,54)
```
#3a6336
```
#3a6336 rgb(58,99,54)
```

Analogous Color

#603663
```
#603663 rgb(96,54,99)
```
#506336
```
#506336 rgb(80,99,54)
```
#363a63
```
#363a63 rgb(54,58,99)
```

Split Complementary Color

#633650
```
#633650 rgb(99,54,80)
```
#506336
```
#506336 rgb(80,99,54)
```
#365063
```
#365063 rgb(54,80,99)
```

Triadic Color

#634936
```
#634936 rgb(99,73,54)
```
#506336
```
#506336 rgb(80,99,54)
```
#365063
```
#365063 rgb(54,80,99)
```
#493663
```
#493663 rgb(73,54,99)
```

Tetradic Color

#28321b
```
#28321b rgb(40,50,27)
```
#354224
```
#354224 rgb(53,66,36)
```
#43532d
```
#43532d rgb(67,83,45)
```
#506336
```
#506336 rgb(80,99,54)
```
#5d743f
```
#5d743f rgb(93,116,63)
```
#6b8448
```
#6b8448 rgb(107,132,72)
```
#789551
```
#789551 rgb(120,149,81)
```

Monochromatic Color

Below, you can see some colors close to #506336. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#5b6336
```
#5b6336 rgb(91,99,54)
```
#586336
```
#586336 rgb(88,99,54)
```
#546336
```
#546336 rgb(84,99,54)
```
#506336
```
#506336 rgb(80,99,54)
```
#4c6336
```
#4c6336 rgb(76,99,54)
```
#496336
```
#496336 rgb(73,99,54)
```
#456336
```
#456336 rgb(69,99,54)
```

Similar Colors

Text with hexadecimal color #506336

This text has a font color of #506336.

<span style="color:#506336;">Text here</span>

#506336 background color

This paragraph has a background color of #506336.

<p style="background-color:#506336;">Content here</p>

#506336 border color

This element has a border color of #506336.

<div style="border:1px solid #506336;">Content here</div>

CSS codes

.text {color:#506336;}

.background {background-color:#506336;}

.border {border:1px solid #506336;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080a06 is the darkest color, while #fdfefc is the lightest one.

#080a06
```
#080a06 rgb(8,10,6)
```
#12170c
```
#12170c rgb(18,23,12)
```
#1d2413
```
#1d2413 rgb(29,36,19)
```
#27301a
```
#27301a rgb(39,48,26)
```
#313d21
```
#313d21 rgb(49,61,33)
```
#3b4a28
```
#3b4a28 rgb(59,74,40)
```
#46562f
```
#46562f rgb(70,86,47)
```
#506336
```
#506336 rgb(80,99,54)
```
#5a703d
```
#5a703d rgb(90,112,61)
```
#657c44
```
#657c44 rgb(101,124,68)
```
#6f894b
```
#6f894b rgb(111,137,75)
```
#799652
```
#799652 rgb(121,150,82)
```
#83a259
```
#83a259 rgb(131,162,89)
```

Shade Color Variation

#8dab64
```
#8dab64 rgb(141,171,100)
```
#96b171
```
#96b171 rgb(150,177,113)
```
#a0b87e
```
#a0b87e rgb(160,184,126)
```
#a9bf8a
```
#a9bf8a rgb(169,191,138)
```
#b2c697
```
#b2c697 rgb(178,198,151)
```
#bccda4
```
#bccda4 rgb(188,205,164)
```
#c5d4b0
```
#c5d4b0 rgb(197,212,176)
```
#cedbbd
```
#cedbbd rgb(206,219,189)
```
#d8e2ca
```
#d8e2ca rgb(216,226,202)
```
#e1e9d6
```
#e1e9d6 rgb(225,233,214)
```
#eaf0e3
```
#eaf0e3 rgb(234,240,227)
```
#f4f7f0
```
#f4f7f0 rgb(244,247,240)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5148 is the less saturated color, while #589801 is the most saturated one.

#4d5148
```
#4d5148 rgb(77,81,72)
```
#4e5742
```
#4e5742 rgb(78,87,66)
```
#4f5d3c
```
#4f5d3c rgb(79,93,60)
```
#506336
```
#506336 rgb(80,99,54)
```
#516930
```
#516930 rgb(81,105,48)
```
#526f2a
```
#526f2a rgb(82,111,42)
```
#537524
```
#537524 rgb(83,117,36)
```
#547b1e
```
#547b1e rgb(84,123,30)
```
#558019
```
#558019 rgb(85,128,25)
```
#558613
```
#558613 rgb(85,134,19)
```
#568c0d
```
#568c0d rgb(86,140,13)
```
#579207
```
#579207 rgb(87,146,7)
```
#589801
```
#589801 rgb(88,152,1)
```

Tone Color Variation

Below, you can see how #506336 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#585858 Achromatopsia 0.005% of the population
#565a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e653e Protanopia 1% of men
#786143 Deuteranopia 1% of men
#60656d Tritanopia 0.001% of the population

Trichromacy

#63643b Protanomaly 1% of men, 0.01% of women
#6a613e Deuteranomaly 6% of men, 0.4% of women
#5a6459 Tritanomaly 0.01% of the population

#506336 hex color

#506336 Color Information

#506336 Color Conversion

Color Schemes with #506336

Alternatives to #506336

#506336 Preview

Shades and Tints of #506336

Tones of #506336

Color Blindness Simulator