colorhexa.com

#506d24 hex color

In a RGB color space, hex #506d24 is composed of 31.4% red, 42.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 0% magenta, 67% yellow and 57.3% black. It has a hue angle of 83.8 degrees, a saturation of 50.3% and a lightness of 28.4%. #506d24 color hex could be obtained by blending #a0da48 with #000000. Closest websafe color is: #666633.

- R 31
- G 43
- B 14
RGB color chart
- C 27
- M 0
- Y 67
- K 57
CMYK color chart

● #506d24 color description : Very dark green.

The hexadecimal color #506d24 has RGB values of R:80, G:109, B:36 and CMYK values of C:0.27, M:0, Y:0.67, K:0.57. Its decimal value is 5270820.

Hex triplet	506d24	`#506d24`
RGB Decimal	80, 109, 36	`rgb(80,109,36)`
RGB Percent	31.4, 42.7, 14.1	`rgb(31.4%,42.7%,14.1%)`
CMYK	27, 0, 67, 57
HSL	83.8°, 50.3, 28.4	`hsl(83.8,50.3%,28.4%)`
HSV (or HSB)	83.8°, 67, 42.7
Web Safe	666633	`#666633`

CIE-LAB	42.414, -23.09, 36.2
XYZ	9.095, 12.77, 3.655
xyY	0.356, 0.5, 12.77
CIE-LCH	42.414, 42.937, 122.531
CIE-LUV	42.414, -14.289, 41.237
Hunter-Lab	35.735, -17.105, 18.951
Binary	01010000, 01101101, 00100100

#506d24
```
#506d24 rgb(80,109,36)
```
#41246d
```
#41246d rgb(65,36,109)
```

Complementary Color

#6d6624
```
#6d6624 rgb(109,102,36)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#2c6d24
```
#2c6d24 rgb(44,109,36)
```

Analogous Color

#66246d
```
#66246d rgb(102,36,109)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#242c6d
```
#242c6d rgb(36,44,109)
```

Split Complementary Color

#6d2450
```
#6d2450 rgb(109,36,80)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#24506d
```
#24506d rgb(36,80,109)
```

Triadic Color

#263311
```
#263311 rgb(38,51,17)
```
#344717
```
#344717 rgb(52,71,23)
```
#425a1e
```
#425a1e rgb(66,90,30)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#5e802a
```
#5e802a rgb(94,128,42)
```
#6c9331
```
#6c9331 rgb(108,147,49)
```
#7aa737
```
#7aa737 rgb(122,167,55)
```

Monochromatic Color

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

#626d24
```
#626d24 rgb(98,109,36)
```
#5c6d24
```
#5c6d24 rgb(92,109,36)
```
#566d24
```
#566d24 rgb(86,109,36)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#4a6d24
```
#4a6d24 rgb(74,109,36)
```
#446d24
```
#446d24 rgb(68,109,36)
```
#3e6d24
```
#3e6d24 rgb(62,109,36)
```

Similar Colors

Text with hexadecimal color #506d24

This text has a font color of #506d24.

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

#506d24 background color

This paragraph has a background color of #506d24.

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

#506d24 border color

This element has a border color of #506d24.

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

CSS codes

.text {color:#506d24;}

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

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0f1507
```
#0f1507 rgb(15,21,7)
```
#1a230c
```
#1a230c rgb(26,35,12)
```
#253211
```
#253211 rgb(37,50,17)
```
#304115
```
#304115 rgb(48,65,21)
```
#3a501a
```
#3a501a rgb(58,80,26)
```
#455e1f
```
#455e1f rgb(69,94,31)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#5b7c29
```
#5b7c29 rgb(91,124,41)
```
#668a2e
```
#668a2e rgb(102,138,46)
```
#709933
```
#709933 rgb(112,153,51)
```
#7ba837
```
#7ba837 rgb(123,168,55)
```
#86b73c
```
#86b73c rgb(134,183,60)
```

Shade Color Variation

#90c245
```
#90c245 rgb(144,194,69)
```
#99c654
```
#99c654 rgb(153,198,84)
```
#a2cb63
```
#a2cb63 rgb(162,203,99)
```
#abd071
```
#abd071 rgb(171,208,113)
```
#b3d580
```
#b3d580 rgb(179,213,128)
```
#bcda8f
```
#bcda8f rgb(188,218,143)
```
#c5df9e
```
#c5df9e rgb(197,223,158)
```
#cee4ac
```
#cee4ac rgb(206,228,172)
```
#d6e9bb
```
#d6e9bb rgb(214,233,187)
```
#dfedca
```
#dfedca rgb(223,237,202)
```
#e8f2d9
```
#e8f2d9 rgb(232,242,217)
```
#f1f7e7
```
#f1f7e7 rgb(241,247,231)
```
#fafcf6
```
#fafcf6 rgb(250,252,246)
```

Tint Color Variation

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

#494c45
```
#494c45 rgb(73,76,69)
```
#4a5140
```
#4a5140 rgb(74,81,64)
```
#4b573a
```
#4b573a rgb(75,87,58)
```
#4d5c35
```
#4d5c35 rgb(77,92,53)
```
#4e622f
```
#4e622f rgb(78,98,47)
```
#4f672a
```
#4f672a rgb(79,103,42)
```
#506d24
```
#506d24 rgb(80,109,36)
```
#51731e
```
#51731e rgb(81,115,30)
```
#527819
```
#527819 rgb(82,120,25)
```
#537e13
```
#537e13 rgb(83,126,19)
```
#55830e
```
#55830e rgb(85,131,14)
```
#568908
```
#568908 rgb(86,137,8)
```
#578e03
```
#578e03 rgb(87,142,3)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c2d Protanopia 1% of men
#846734 Deuteranopia 1% of men
#636d75 Tritanopia 0.001% of the population

Trichromacy

#696c29 Protanomaly 1% of men, 0.01% of women
#71692e Deuteranomaly 6% of men, 0.4% of women
#5c6d57 Tritanomaly 0.01% of the population