#505d2a hex color

In a RGB color space, hex #505d2a is composed of 31.4% red, 36.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 0% magenta, 54.8% yellow and 63.5% black. It has a hue angle of 75.3 degrees, a saturation of 37.8% and a lightness of 26.5%. #505d2a color hex could be obtained by blending #a0ba54 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 36
- B 16
RGB color chart
- C 14
- M 0
- Y 55
- K 64
CMYK color chart

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

The hexadecimal color #505d2a has RGB values of R:80, G:93, B:42 and CMYK values of C:0.14, M:0, Y:0.55, K:0.64. Its decimal value is 5266730.

Hex triplet	505d2a	`#505d2a`
RGB Decimal	80, 93, 42	`rgb(80,93,42)`
RGB Percent	31.4, 36.5, 16.5	`rgb(31.4%,36.5%,16.5%)`
CMYK	14, 0, 55, 64
HSL	75.3°, 37.8, 26.5	`hsl(75.3,37.8%,26.5%)`
HSV (or HSB)	75.3°, 54.8, 36.5
Web Safe	666633	`#666633`

CIE-LAB	37.301, -13.956, 27.35
XYZ	7.64, 9.701, 3.66
xyY	0.364, 0.462, 9.701
CIE-LCH	37.301, 30.705, 117.035
CIE-LUV	37.301, -5.648, 30.838
Hunter-Lab	31.147, -10.721, 14.835
Binary	01010000, 01011101, 00101010

#505d2a
```
#505d2a rgb(80,93,42)
```
#372a5d
```
#372a5d rgb(55,42,93)
```

Complementary Color

#5d512a
```
#5d512a rgb(93,81,42)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#375d2a
```
#375d2a rgb(55,93,42)
```

Analogous Color

#512a5d
```
#512a5d rgb(81,42,93)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#2a375d
```
#2a375d rgb(42,55,93)
```

Split Complementary Color

#5d2a50
```
#5d2a50 rgb(93,42,80)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#2a505d
```
#2a505d rgb(42,80,93)
```

Triadic Color

#5d372a
```
#5d372a rgb(93,55,42)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#372a5d
```
#372a5d rgb(55,42,93)
```

Tetradic Color

#232812
```
#232812 rgb(35,40,18)
```
#323a1a
```
#323a1a rgb(50,58,26)
```
#414b22
```
#414b22 rgb(65,75,34)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#5f6f32
```
#5f6f32 rgb(95,111,50)
```
#6e803a
```
#6e803a rgb(110,128,58)
```
#7d9242
```
#7d9242 rgb(125,146,66)
```

Monochromatic Color

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

#5d5d2a
```
#5d5d2a rgb(93,93,42)
```
#595d2a
```
#595d2a rgb(89,93,42)
```
#545d2a
```
#545d2a rgb(84,93,42)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#4c5d2a
```
#4c5d2a rgb(76,93,42)
```
#485d2a
```
#485d2a rgb(72,93,42)
```
#435d2a
```
#435d2a rgb(67,93,42)
```

Similar Colors

Text with hexadecimal color #505d2a

This text has a font color of #505d2a.

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

#505d2a background color

This paragraph has a background color of #505d2a.

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

#505d2a border color

This element has a border color of #505d2a.

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

CSS codes

.text {color:#505d2a;}

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

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

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, #0a0c05 is the darkest color, while #fefefd is the lightest one.

#0a0c05
```
#0a0c05 rgb(10,12,5)
```
#16190b
```
#16190b rgb(22,25,11)
```
#222712
```
#222712 rgb(34,39,18)
```
#2d3418
```
#2d3418 rgb(45,52,24)
```
#39421e
```
#39421e rgb(57,66,30)
```
#444f24
```
#444f24 rgb(68,79,36)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#5c6b30
```
#5c6b30 rgb(92,107,48)
```
#677836
```
#677836 rgb(103,120,54)
```
#73863c
```
#73863c rgb(115,134,60)
```
#7e9342
```
#7e9342 rgb(126,147,66)
```
#8aa149
```
#8aa149 rgb(138,161,73)
```
#96ae4f
```
#96ae4f rgb(150,174,79)
```

Shade Color Variation

#9eb55b
```
#9eb55b rgb(158,181,91)
```
#a6bb69
```
#a6bb69 rgb(166,187,105)
```
#aec176
```
#aec176 rgb(174,193,118)
```
#b6c784
```
#b6c784 rgb(182,199,132)
```
#becd91
```
#becd91 rgb(190,205,145)
```
#c6d49f
```
#c6d49f rgb(198,212,159)
```
#cedaac
```
#cedaac rgb(206,218,172)
```
#d6e0ba
```
#d6e0ba rgb(214,224,186)
```
#dee6c7
```
#dee6c7 rgb(222,230,199)
```
#e6ecd5
```
#e6ecd5 rgb(230,236,213)
```
#eef2e2
```
#eef2e2 rgb(238,242,226)
```
#f6f8f0
```
#f6f8f0 rgb(246,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#46483f
```
#46483f rgb(70,72,63)
```
#484d3a
```
#484d3a rgb(72,77,58)
```
#4b5334
```
#4b5334 rgb(75,83,52)
```
#4d582f
```
#4d582f rgb(77,88,47)
```
#505d2a
```
#505d2a rgb(80,93,42)
```
#536225
```
#536225 rgb(83,98,37)
```
#556720
```
#556720 rgb(85,103,32)
```
#586d1a
```
#586d1a rgb(88,109,26)
```
#5a7215
```
#5a7215 rgb(90,114,21)
```
#5d7710
```
#5d7710 rgb(93,119,16)
```
#5f7c0b
```
#5f7c0b rgb(95,124,11)
```
#628106
```
#628106 rgb(98,129,6)
```
#648700
```
#648700 rgb(100,135,0)
```

Tone Color Variation

Below, you can see how #505d2a 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
#52554b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6033 Protanopia 1% of men
#745c38 Deuteranopia 1% of men
#605f66 Tritanopia 0.001% of the population

Trichromacy

#605f30 Protanomaly 1% of men, 0.01% of women
#675c33 Deuteranomaly 6% of men, 0.4% of women
#5a5e50 Tritanomaly 0.01% of the population

#505d2a hex color

#505d2a Color Information

#505d2a Color Conversion

Color Schemes with #505d2a

Alternatives to #505d2a

#505d2a Preview

Shades and Tints of #505d2a

Tones of #505d2a

Color Blindness Simulator