#505a36 hex color

In a RGB color space, hex #505a36 is composed of 31.4% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 0% magenta, 40% yellow and 64.7% black. It has a hue angle of 76.7 degrees, a saturation of 25% and a lightness of 28.2%. #505a36 color hex could be obtained by blending #a0b46c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 35
- B 21
RGB color chart
- C 11
- M 0
- Y 40
- K 65
CMYK color chart

● #505a36 color description : Very dark desaturated green.

The hexadecimal color #505a36 has RGB values of R:80, G:90, B:54 and CMYK values of C:0.11, M:0, Y:0.4, K:0.65. Its decimal value is 5265974.

Hex triplet	505a36	`#505a36`
RGB Decimal	80, 90, 54	`rgb(80,90,54)`
RGB Percent	31.4, 35.3, 21.2	`rgb(31.4%,35.3%,21.2%)`
CMYK	11, 0, 40, 65
HSL	76.7°, 25, 28.2	`hsl(76.7,25%,28.2%)`
HSV (or HSB)	76.7°, 40, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.526, -10.711, 19.52
XYZ	7.63, 9.284, 4.88
xyY	0.35, 0.426, 9.284
CIE-LCH	36.526, 22.266, 118.756
CIE-LUV	36.526, -4.224, 23.24
Hunter-Lab	30.47, -8.623, 11.833
Binary	01010000, 01011010, 00110110

#505a36
```
#505a36 rgb(80,90,54)
```
#40365a
```
#40365a rgb(64,54,90)
```

Complementary Color

#5a5236
```
#5a5236 rgb(90,82,54)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#3e5a36
```
#3e5a36 rgb(62,90,54)
```

Analogous Color

#52365a
```
#52365a rgb(82,54,90)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#363e5a
```
#363e5a rgb(54,62,90)
```

Split Complementary Color

#5a3650
```
#5a3650 rgb(90,54,80)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#36505a
```
#36505a rgb(54,80,90)
```

Triadic Color

#5a4036
```
#5a4036 rgb(90,64,54)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#36505a
```
#36505a rgb(54,80,90)
```
#40365a
```
#40365a rgb(64,54,90)
```

Tetradic Color

#262a19
```
#262a19 rgb(38,42,25)
```
#343a23
```
#343a23 rgb(52,58,35)
```
#424a2c
```
#424a2c rgb(66,74,44)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#5e6a40
```
#5e6a40 rgb(94,106,64)
```
#6c7a49
```
#6c7a49 rgb(108,122,73)
```
#7b8a53
```
#7b8a53 rgb(123,138,83)
```

Monochromatic Color

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

#595a36
```
#595a36 rgb(89,90,54)
```
#565a36
```
#565a36 rgb(86,90,54)
```
#535a36
```
#535a36 rgb(83,90,54)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#4d5a36
```
#4d5a36 rgb(77,90,54)
```
#4a5a36
```
#4a5a36 rgb(74,90,54)
```
#475a36
```
#475a36 rgb(71,90,54)
```

Similar Colors

Text with hexadecimal color #505a36

This text has a font color of #505a36.

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

#505a36 background color

This paragraph has a background color of #505a36.

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

#505a36 border color

This element has a border color of #505a36.

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

CSS codes

.text {color:#505a36;}

.background {background-color:#505a36;}

.border {border:1px solid #505a36;}

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

#040403
```
#040403 rgb(4,4,3)
```
#0f100a
```
#0f100a rgb(15,16,10)
```
#1a1d11
```
#1a1d11 rgb(26,29,17)
```
#242919
```
#242919 rgb(36,41,25)
```
#2f3520
```
#2f3520 rgb(47,53,32)
```
#3a4127
```
#3a4127 rgb(58,65,39)
```
#454e2f
```
#454e2f rgb(69,78,47)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#5b663d
```
#5b663d rgb(91,102,61)
```
#667345
```
#667345 rgb(102,115,69)
```
#717f4c
```
#717f4c rgb(113,127,76)
```
#7c8b53
```
#7c8b53 rgb(124,139,83)
```
#86975b
```
#86975b rgb(134,151,91)
```

Shade Color Variation

#91a264
```
#91a264 rgb(145,162,100)
```
#99a970
```
#99a970 rgb(153,169,112)
```
#a2b17c
```
#a2b17c rgb(162,177,124)
```
#abb889
```
#abb889 rgb(171,184,137)
```
#b4bf95
```
#b4bf95 rgb(180,191,149)
```
#bcc7a1
```
#bcc7a1 rgb(188,199,161)
```
#c5cead
```
#c5cead rgb(197,206,173)
```
#ced5ba
```
#ced5ba rgb(206,213,186)
```
#d6ddc6
```
#d6ddc6 rgb(214,221,198)
```
#dfe4d2
```
#dfe4d2 rgb(223,228,210)
```
#e8ebde
```
#e8ebde rgb(232,235,222)
```
#f1f3eb
```
#f1f3eb rgb(241,243,235)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#494947
```
#494947 rgb(73,73,71)
```
#4b4f41
```
#4b4f41 rgb(75,79,65)
```
#4e543c
```
#4e543c rgb(78,84,60)
```
#505a36
```
#505a36 rgb(80,90,54)
```
#526030
```
#526030 rgb(82,96,48)
```
#55652b
```
#55652b rgb(85,101,43)
```
#576b25
```
#576b25 rgb(87,107,37)
```
#5a7020
```
#5a7020 rgb(90,112,32)
```
#5c761a
```
#5c761a rgb(92,118,26)
```
#5f7b15
```
#5f7b15 rgb(95,123,21)
```
#61810f
```
#61810f rgb(97,129,15)
```
#64860a
```
#64860a rgb(100,134,10)
```
#668c04
```
#668c04 rgb(102,140,4)
```

Tone Color Variation

Below, you can see how #505a36 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

#535353 Achromatopsia 0.005% of the population
#52544d Atypical Achromatopsia 0.001% of the population

Dichromacy

#665e3f Protanopia 1% of men
#705a42 Deuteranopia 1% of men
#5e5e64 Tritanopia 0.001% of the population

Trichromacy

#5e5c3b Protanomaly 1% of men, 0.01% of women
#645a3e Deuteranomaly 6% of men, 0.4% of women
#595c53 Tritanomaly 0.01% of the population

#505a36 hex color

#505a36 Color Information

#505a36 Color Conversion

Color Schemes with #505a36

Alternatives to #505a36

#505a36 Preview

Shades and Tints of #505a36

Tones of #505a36

Color Blindness Simulator