#506c31 hex color

In a RGB color space, hex #506c31 is composed of 31.4% red, 42.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 54.6% yellow and 57.6% black. It has a hue angle of 88.5 degrees, a saturation of 37.6% and a lightness of 30.8%. #506c31 color hex could be obtained by blending #a0d862 with #000000. Closest websafe color is: #666633.

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

● #506c31 color description : Very dark desaturated green.

The hexadecimal color #506c31 has RGB values of R:80, G:108, B:49 and CMYK values of C:0.26, M:0, Y:0.55, K:0.58. Its decimal value is 5270577.

Hex triplet	506c31	`#506c31`
RGB Decimal	80, 108, 49	`rgb(80,108,49)`
RGB Percent	31.4, 42.4, 19.2	`rgb(31.4%,42.4%,19.2%)`
CMYK	26, 0, 55, 58
HSL	88.5°, 37.6, 30.8	`hsl(88.5,37.6%,30.8%)`
HSV (or HSB)	88.5°, 54.6, 42.4
Web Safe	666633	`#666633`

CIE-LAB	42.234, -21.23, 29.451
XYZ	9.225, 12.652, 4.862
xyY	0.345, 0.473, 12.652
CIE-LCH	42.234, 36.305, 125.786
CIE-LUV	42.234, -13.771, 35.567
Hunter-Lab	35.57, -15.954, 16.795
Binary	01010000, 01101100, 00110001

#506c31
```
#506c31 rgb(80,108,49)
```
#4d316c
```
#4d316c rgb(77,49,108)
```

Complementary Color

#6c6b31
```
#6c6b31 rgb(108,107,49)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#336c31
```
#336c31 rgb(51,108,49)
```

Analogous Color

#6b316c
```
#6b316c rgb(107,49,108)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#31326c
```
#31326c rgb(49,50,108)
```

Split Complementary Color

#6c3150
```
#6c3150 rgb(108,49,80)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#31506c
```
#31506c rgb(49,80,108)
```

Triadic Color

#6c4d31
```
#6c4d31 rgb(108,77,49)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#31506c
```
#31506c rgb(49,80,108)
```
#4d316c
```
#4d316c rgb(77,49,108)
```

Tetradic Color

#293719
```
#293719 rgb(41,55,25)
```
#364921
```
#364921 rgb(54,73,33)
```
#435a29
```
#435a29 rgb(67,90,41)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#5d7e39
```
#5d7e39 rgb(93,126,57)
```
#6a8f41
```
#6a8f41 rgb(106,143,65)
```
#77a149
```
#77a149 rgb(119,161,73)
```

Monochromatic Color

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

#5f6c31
```
#5f6c31 rgb(95,108,49)
```
#5a6c31
```
#5a6c31 rgb(90,108,49)
```
#556c31
```
#556c31 rgb(85,108,49)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#4b6c31
```
#4b6c31 rgb(75,108,49)
```
#466c31
```
#466c31 rgb(70,108,49)
```
#416c31
```
#416c31 rgb(65,108,49)
```

Similar Colors

Text with hexadecimal color #506c31

This text has a font color of #506c31.

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

#506c31 background color

This paragraph has a background color of #506c31.

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

#506c31 border color

This element has a border color of #506c31.

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

CSS codes

.text {color:#506c31;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0e06
```
#0a0e06 rgb(10,14,6)
```
#141b0c
```
#141b0c rgb(20,27,12)
```
#1e2912
```
#1e2912 rgb(30,41,18)
```
#283619
```
#283619 rgb(40,54,25)
```
#32441f
```
#32441f rgb(50,68,31)
```
#3c5125
```
#3c5125 rgb(60,81,37)
```
#465f2b
```
#465f2b rgb(70,95,43)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#5a7937
```
#5a7937 rgb(90,121,55)
```
#64873d
```
#64873d rgb(100,135,61)
```
#6e9443
```
#6e9443 rgb(110,148,67)
```
#78a249
```
#78a249 rgb(120,162,73)
```

Shade Color Variation

#82af50
```
#82af50 rgb(130,175,80)
```
#8cb65d
```
#8cb65d rgb(140,182,93)
```
#95bc6b
```
#95bc6b rgb(149,188,107)
```
#9fc278
```
#9fc278 rgb(159,194,120)
```
#a8c886
```
#a8c886 rgb(168,200,134)
```
#b2ce93
```
#b2ce93 rgb(178,206,147)
```
#bcd4a1
```
#bcd4a1 rgb(188,212,161)
```
#c5daae
```
#c5daae rgb(197,218,174)
```
#cfe0bc
```
#cfe0bc rgb(207,224,188)
```
#d9e7c9
```
#d9e7c9 rgb(217,231,201)
```
#e2edd7
```
#e2edd7 rgb(226,237,215)
```
#ecf3e4
```
#ecf3e4 rgb(236,243,228)
```
#f5f9f2
```
#f5f9f2 rgb(245,249,242)
```

Tint Color Variation

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

#4f5449
```
#4f5449 rgb(79,84,73)
```
#4f5a43
```
#4f5a43 rgb(79,90,67)
```
#4f603d
```
#4f603d rgb(79,96,61)
```
#506637
```
#506637 rgb(80,102,55)
```
#506c31
```
#506c31 rgb(80,108,49)
```
#50722b
```
#50722b rgb(80,114,43)
```
#517825
```
#517825 rgb(81,120,37)
```
#517e1f
```
#517e1f rgb(81,126,31)
```
#518419
```
#518419 rgb(81,132,25)
```
#528a13
```
#528a13 rgb(82,138,19)
```
#52900d
```
#52900d rgb(82,144,13)
```
#529607
```
#529607 rgb(82,150,7)
```
#529c01
```
#529c01 rgb(82,156,1)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5a6054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b39 Protanopia 1% of men
#826740 Deuteranopia 1% of men
#626d75 Tritanopia 0.001% of the population

Trichromacy

#686b36 Protanomaly 1% of men, 0.01% of women
#6f683a Deuteranomaly 6% of men, 0.4% of women
#5b6c5c Tritanomaly 0.01% of the population

#506c31 hex color

#506c31 Color Information

#506c31 Color Conversion

Color Schemes with #506c31

Alternatives to #506c31

#506c31 Preview

Shades and Tints of #506c31

Tones of #506c31

Color Blindness Simulator