#506c24 hex color

In a RGB color space, hex #506c24 is composed of 31.4% red, 42.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 66.7% yellow and 57.6% black. It has a hue angle of 83.3 degrees, a saturation of 50% and a lightness of 28.2%. #506c24 color hex could be obtained by blending #a0d848 with #000000. Closest websafe color is: #666633.

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

● #506c24 color description : Very dark green.

The hexadecimal color #506c24 has RGB values of R:80, G:108, B:36 and CMYK values of C:0.26, M:0, Y:0.67, K:0.58. Its decimal value is 5270564.

Hex triplet	506c24	`#506c24`
RGB Decimal	80, 108, 36	`rgb(80,108,36)`
RGB Percent	31.4, 42.4, 14.1	`rgb(31.4%,42.4%,14.1%)`
CMYK	26, 0, 67, 58
HSL	83.3°, 50, 28.2	`hsl(83.3,50%,28.2%)`
HSV (or HSB)	83.3°, 66.7, 42.4
Web Safe	666633	`#666633`

CIE-LAB	42.089, -22.58, 35.848
XYZ	8.989, 12.558, 3.619
xyY	0.357, 0.499, 12.558
CIE-LCH	42.089, 42.367, 122.206
CIE-LUV	42.089, -13.761, 40.748
Hunter-Lab	35.437, -16.736, 18.75
Binary	01010000, 01101100, 00100100

#506c24
```
#506c24 rgb(80,108,36)
```
#40246c
```
#40246c rgb(64,36,108)
```

Complementary Color

#6c6424
```
#6c6424 rgb(108,100,36)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#2c6c24
```
#2c6c24 rgb(44,108,36)
```

Analogous Color

#64246c
```
#64246c rgb(100,36,108)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#242c6c
```
#242c6c rgb(36,44,108)
```

Split Complementary Color

#6c2450
```
#6c2450 rgb(108,36,80)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#24506c
```
#24506c rgb(36,80,108)
```

Triadic Color

#6c4024
```
#6c4024 rgb(108,64,36)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#24506c
```
#24506c rgb(36,80,108)
```
#40246c
```
#40246c rgb(64,36,108)
```

Tetradic Color

#263311
```
#263311 rgb(38,51,17)
```
#344617
```
#344617 rgb(52,70,23)
```
#42591e
```
#42591e rgb(66,89,30)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#5e7f2a
```
#5e7f2a rgb(94,127,42)
```
#6c9231
```
#6c9231 rgb(108,146,49)
```
#7ba537
```
#7ba537 rgb(123,165,55)
```

Monochromatic Color

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

#626c24
```
#626c24 rgb(98,108,36)
```
#5c6c24
```
#5c6c24 rgb(92,108,36)
```
#566c24
```
#566c24 rgb(86,108,36)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#4a6c24
```
#4a6c24 rgb(74,108,36)
```
#446c24
```
#446c24 rgb(68,108,36)
```
#3e6c24
```
#3e6c24 rgb(62,108,36)
```

Similar Colors

Text with hexadecimal color #506c24

This text has a font color of #506c24.

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

#506c24 background color

This paragraph has a background color of #506c24.

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

#506c24 border color

This element has a border color of #506c24.

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

CSS codes

.text {color:#506c24;}

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

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

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

#040502
```
#040502 rgb(4,5,2)
```
#0f1407
```
#0f1407 rgb(15,20,7)
```
#1a220b
```
#1a220b rgb(26,34,11)
```
#243110
```
#243110 rgb(36,49,16)
```
#2f4015
```
#2f4015 rgb(47,64,21)
```
#3a4f1a
```
#3a4f1a rgb(58,79,26)
```
#455d1f
```
#455d1f rgb(69,93,31)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#5b7b29
```
#5b7b29 rgb(91,123,41)
```
#66892e
```
#66892e rgb(102,137,46)
```
#719833
```
#719833 rgb(113,152,51)
```
#7ca738
```
#7ca738 rgb(124,167,56)
```
#86b63d
```
#86b63d rgb(134,182,61)
```

Shade Color Variation

#91c145
```
#91c145 rgb(145,193,69)
```
#99c653
```
#99c653 rgb(153,198,83)
```
#a2cb62
```
#a2cb62 rgb(162,203,98)
```
#abd071
```
#abd071 rgb(171,208,113)
```
#b4d580
```
#b4d580 rgb(180,213,128)
```
#bcd98e
```
#bcd98e rgb(188,217,142)
```
#c5de9d
```
#c5de9d rgb(197,222,157)
```
#cee3ac
```
#cee3ac rgb(206,227,172)
```
#d6e8ba
```
#d6e8ba rgb(214,232,186)
```
#dfedc9
```
#dfedc9 rgb(223,237,201)
```
#e8f2d8
```
#e8f2d8 rgb(232,242,216)
```
#f1f7e7
```
#f1f7e7 rgb(241,247,231)
```
#f9fcf5
```
#f9fcf5 rgb(249,252,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b45 is the less saturated color, while #578d03 is the most saturated one.

#494b45
```
#494b45 rgb(73,75,69)
```
#4a5040
```
#4a5040 rgb(74,80,64)
```
#4b563a
```
#4b563a rgb(75,86,58)
```
#4c5b35
```
#4c5b35 rgb(76,91,53)
```
#4e612f
```
#4e612f rgb(78,97,47)
```
#4f662a
```
#4f662a rgb(79,102,42)
```
#506c24
```
#506c24 rgb(80,108,36)
```
#51721e
```
#51721e rgb(81,114,30)
```
#527719
```
#527719 rgb(82,119,25)
```
#547d13
```
#547d13 rgb(84,125,19)
```
#55820e
```
#55820e rgb(85,130,14)
```
#568808
```
#568808 rgb(86,136,8)
```
#578d03
```
#578d03 rgb(87,141,3)
```

Tone Color Variation

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

#776b2d Protanopia 1% of men
#836634 Deuteranopia 1% of men
#636c74 Tritanopia 0.001% of the population

Trichromacy

#686b29 Protanomaly 1% of men, 0.01% of women
#70682e Deuteranomaly 6% of men, 0.4% of women
#5c6c57 Tritanomaly 0.01% of the population

#506c24 hex color

#506c24 Color Information

#506c24 Color Conversion

Color Schemes with #506c24

Alternatives to #506c24

#506c24 Preview

Shades and Tints of #506c24

Tones of #506c24

Color Blindness Simulator