#506c22 hex color

In a RGB color space, hex #506c22 is composed of 31.4% red, 42.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 68.5% yellow and 57.6% black. It has a hue angle of 82.7 degrees, a saturation of 52.1% and a lightness of 27.8%. #506c22 color hex could be obtained by blending #a0d844 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 42
- B 13
RGB color chart
- C 26
- M 0
- Y 69
- K 58
CMYK color chart

● #506c22 color description : Very dark green.

The hexadecimal color #506c22 has RGB values of R:80, G:108, B:34 and CMYK values of C:0.26, M:0, Y:0.69, K:0.58. Its decimal value is 5270562.

Hex triplet	506c22	`#506c22`
RGB Decimal	80, 108, 34	`rgb(80,108,34)`
RGB Percent	31.4, 42.4, 13.3	`rgb(31.4%,42.4%,13.3%)`
CMYK	26, 0, 69, 58
HSL	82.7°, 52.1, 27.8	`hsl(82.7,52.1%,27.8%)`
HSV (or HSB)	82.7°, 68.5, 42.4
Web Safe	666633	`#666633`

CIE-LAB	42.071, -22.752, 36.756
XYZ	8.959, 12.546, 3.463
xyY	0.359, 0.502, 12.546
CIE-LCH	42.071, 43.228, 121.757
CIE-LUV	42.071, -13.76, 41.417
Hunter-Lab	35.42, -16.834, 18.998
Binary	01010000, 01101100, 00100010

#506c22
```
#506c22 rgb(80,108,34)
```
#3e226c
```
#3e226c rgb(62,34,108)
```

Complementary Color

#6c6322
```
#6c6322 rgb(108,99,34)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#2b6c22
```
#2b6c22 rgb(43,108,34)
```

Analogous Color

#63226c
```
#63226c rgb(99,34,108)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#222b6c
```
#222b6c rgb(34,43,108)
```

Split Complementary Color

#6c2250
```
#6c2250 rgb(108,34,80)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#22506c
```
#22506c rgb(34,80,108)
```

Triadic Color

#6c3e22
```
#6c3e22 rgb(108,62,34)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#22506c
```
#22506c rgb(34,80,108)
```
#3e226c
```
#3e226c rgb(62,34,108)
```

Tetradic Color

#253210
```
#253210 rgb(37,50,16)
```
#334516
```
#334516 rgb(51,69,22)
```
#42591c
```
#42591c rgb(66,89,28)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#5e7f28
```
#5e7f28 rgb(94,127,40)
```
#6d932e
```
#6d932e rgb(109,147,46)
```
#7ba634
```
#7ba634 rgb(123,166,52)
```

Monochromatic Color

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

#636c22
```
#636c22 rgb(99,108,34)
```
#5c6c22
```
#5c6c22 rgb(92,108,34)
```
#566c22
```
#566c22 rgb(86,108,34)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#4a6c22
```
#4a6c22 rgb(74,108,34)
```
#446c22
```
#446c22 rgb(68,108,34)
```
#3e6c22
```
#3e6c22 rgb(62,108,34)
```

Similar Colors

Text with hexadecimal color #506c22

This text has a font color of #506c22.

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

#506c22 background color

This paragraph has a background color of #506c22.

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

#506c22 border color

This element has a border color of #506c22.

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

CSS codes

.text {color:#506c22;}

.background {background-color:#506c22;}

.border {border:1px solid #506c22;}

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, #030401 is the darkest color, while #f8fbf4 is the lightest one.

#030401
```
#030401 rgb(3,4,1)
```
#0e1206
```
#0e1206 rgb(14,18,6)
```
#19210b
```
#19210b rgb(25,33,11)
```
#24300f
```
#24300f rgb(36,48,15)
```
#2f3f14
```
#2f3f14 rgb(47,63,20)
```
#3a4e19
```
#3a4e19 rgb(58,78,25)
```
#455d1d
```
#455d1d rgb(69,93,29)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#5b7b27
```
#5b7b27 rgb(91,123,39)
```
#668a2b
```
#668a2b rgb(102,138,43)
```
#719930
```
#719930 rgb(113,153,48)
```
#7ca835
```
#7ca835 rgb(124,168,53)
```
#87b739
```
#87b739 rgb(135,183,57)
```

Shade Color Variation

#92c341
```
#92c341 rgb(146,195,65)
```
#9ac850
```
#9ac850 rgb(154,200,80)
```
#a3cc5e
```
#a3cc5e rgb(163,204,94)
```
#abd16d
```
#abd16d rgb(171,209,109)
```
#b4d67c
```
#b4d67c rgb(180,214,124)
```
#bddb8b
```
#bddb8b rgb(189,219,139)
```
#c5df9a
```
#c5df9a rgb(197,223,154)
```
#cee4a9
```
#cee4a9 rgb(206,228,169)
```
#d6e9b8
```
#d6e9b8 rgb(214,233,184)
```
#dfedc7
```
#dfedc7 rgb(223,237,199)
```
#e7f2d6
```
#e7f2d6 rgb(231,242,214)
```
#f0f7e5
```
#f0f7e5 rgb(240,247,229)
```
#f8fbf4
```
#f8fbf4 rgb(248,251,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b43 is the less saturated color, while #588d01 is the most saturated one.

#484b43
```
#484b43 rgb(72,75,67)
```
#49513d
```
#49513d rgb(73,81,61)
```
#4b5638
```
#4b5638 rgb(75,86,56)
```
#4c5c32
```
#4c5c32 rgb(76,92,50)
```
#4d612d
```
#4d612d rgb(77,97,45)
```
#4f6727
```
#4f6727 rgb(79,103,39)
```
#506c22
```
#506c22 rgb(80,108,34)
```
#51711d
```
#51711d rgb(81,113,29)
```
#537717
```
#537717 rgb(83,119,23)
```
#547c12
```
#547c12 rgb(84,124,18)
```
#55820c
```
#55820c rgb(85,130,12)
```
#578707
```
#578707 rgb(87,135,7)
```
#588d01
```
#588d01 rgb(88,141,1)
```

Tone Color Variation

Below, you can see how #506c22 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

#5b5b5b Achromatopsia 0.005% of the population
#595e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776b2b Protanopia 1% of men
#836632 Deuteranopia 1% of men
#636c74 Tritanopia 0.001% of the population

Trichromacy

#696b27 Protanomaly 1% of men, 0.01% of women
#70682c Deuteranomaly 6% of men, 0.4% of women
#5c6c56 Tritanomaly 0.01% of the population

#506c22 hex color

#506c22 Color Information

#506c22 Color Conversion

Color Schemes with #506c22

Alternatives to #506c22

#506c22 Preview

Shades and Tints of #506c22

Tones of #506c22

Color Blindness Simulator