colorhexa.com

#5d4d2a hex color

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

- R 36
- G 30
- B 16
RGB color chart
- C 0
- M 17
- Y 55
- K 64
CMYK color chart

● #5d4d2a color description : Very dark desaturated orange.

The hexadecimal color #5d4d2a has RGB values of R:93, G:77, B:42 and CMYK values of C:0, M:0.17, Y:0.55, K:0.64. Its decimal value is 6114602.

Hex triplet	5d4d2a	`#5d4d2a`
RGB Decimal	93, 77, 42	`rgb(93,77,42)`
RGB Percent	36.5, 30.2, 16.5	`rgb(36.5%,30.2%,16.5%)`
CMYK	0, 17, 55, 64
HSL	41.2°, 37.8, 26.5	`hsl(41.2,37.8%,26.5%)`
HSV (or HSB)	41.2°, 54.8, 36.5
Web Safe	666633	`#666633`

CIE-LAB	33.568, 1.621, 23.126
XYZ	7.586, 7.802, 3.297
xyY	0.406, 0.418, 7.802
CIE-LCH	33.568, 23.182, 85.989
CIE-LUV	33.568, 12.108, 23.438
Hunter-Lab	27.933, -0.405, 12.555
Binary	01011101, 01001101, 00101010

#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#2a3a5d
```
#2a3a5d rgb(42,58,93)
```

Complementary Color

#5d342a
```
#5d342a rgb(93,52,42)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#545d2a
```
#545d2a rgb(84,93,42)
```

Analogous Color

#342a5d
```
#342a5d rgb(52,42,93)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#2a545d
```
#2a545d rgb(42,84,93)
```

Split Complementary Color

#282112
```
#282112 rgb(40,33,18)
```
#3a301a
```
#3a301a rgb(58,48,26)
```
#4b3e22
```
#4b3e22 rgb(75,62,34)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#6f5c32
```
#6f5c32 rgb(111,92,50)
```
#806a3a
```
#806a3a rgb(128,106,58)
```
#927942
```
#927942 rgb(146,121,66)
```

Monochromatic Color

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

#5d402a
```
#5d402a rgb(93,64,42)
```
#5d452a
```
#5d452a rgb(93,69,42)
```
#5d492a
```
#5d492a rgb(93,73,42)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#5d512a
```
#5d512a rgb(93,81,42)
```
#5d562a
```
#5d562a rgb(93,86,42)
```
#5d5a2a
```
#5d5a2a rgb(93,90,42)
```

Similar Colors

Text with hexadecimal color #5d4d2a

This text has a font color of #5d4d2a.

<span style="color:#5d4d2a;">Text here</span>

#5d4d2a background color

This paragraph has a background color of #5d4d2a.

<p style="background-color:#5d4d2a;">Content here</p>

#5d4d2a border color

This element has a border color of #5d4d2a.

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

CSS codes

.text {color:#5d4d2a;}

.background {background-color:#5d4d2a;}

.border {border:1px solid #5d4d2a;}

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#19150b
```
#19150b rgb(25,21,11)
```
#272012
```
#272012 rgb(39,32,18)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#42371e
```
#42371e rgb(66,55,30)
```
#4f4224
```
#4f4224 rgb(79,66,36)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#6b5830
```
#6b5830 rgb(107,88,48)
```
#786336
```
#786336 rgb(120,99,54)
```
#866f3c
```
#866f3c rgb(134,111,60)
```
#937a42
```
#937a42 rgb(147,122,66)
```
#a18549
```
#a18549 rgb(161,133,73)
```
#ae904f
```
#ae904f rgb(174,144,79)
```

Shade Color Variation

#b5995b
```
#b5995b rgb(181,153,91)
```
#bba169
```
#bba169 rgb(187,161,105)
```
#c1aa76
```
#c1aa76 rgb(193,170,118)
```
#c7b284
```
#c7b284 rgb(199,178,132)
```
#cdbb91
```
#cdbb91 rgb(205,187,145)
```
#d4c39f
```
#d4c39f rgb(212,195,159)
```
#dacbac
```
#dacbac rgb(218,203,172)
```
#e0d4ba
```
#e0d4ba rgb(224,212,186)
```
#e6dcc7
```
#e6dcc7 rgb(230,220,199)
```
#ece5d5
```
#ece5d5 rgb(236,229,213)
```
#f2ede2
```
#f2ede2 rgb(242,237,226)
```
#f8f6f0
```
#f8f6f0 rgb(248,246,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#48453f
```
#48453f rgb(72,69,63)
```
#4d473a
```
#4d473a rgb(77,71,58)
```
#534934
```
#534934 rgb(83,73,52)
```
#584b2f
```
#584b2f rgb(88,75,47)
```
#5d4d2a
```
#5d4d2a rgb(93,77,42)
```
#624f25
```
#624f25 rgb(98,79,37)
```
#675120
```
#675120 rgb(103,81,32)
```
#6d531a
```
#6d531a rgb(109,83,26)
```
#725515
```
#725515 rgb(114,85,21)
```
#775710
```
#775710 rgb(119,87,16)
```
#7c590b
```
#7c590b rgb(124,89,11)
```
#815b06
```
#815b06 rgb(129,91,6)
```
#875c00
```
#875c00 rgb(135,92,0)
```

Tone Color Variation

Below, you can see how #5d4d2a 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

#4e4e4e Achromatopsia 0.005% of the population
#514e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605835 Protanopia 1% of men
#6a5435 Deuteranopia 1% of men
#695257 Tritanopia 0.001% of the population

Trichromacy

#5f5431 Protanomaly 1% of men, 0.01% of women
#655131 Deuteranomaly 6% of men, 0.4% of women
#645047 Tritanomaly 0.01% of the population