colorhexa.com

#5d3c2c hex color

In a RGB color space, hex #5d3c2c is composed of 36.5% red, 23.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 52.7% yellow and 63.5% black. It has a hue angle of 19.6 degrees, a saturation of 35.8% and a lightness of 26.9%. #5d3c2c color hex could be obtained by blending #ba7858 with #000000. Closest websafe color is: #663333.

- R 36
- G 24
- B 17
RGB color chart
- C 0
- M 35
- Y 53
- K 64
CMYK color chart

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

The hexadecimal color #5d3c2c has RGB values of R:93, G:60, B:44 and CMYK values of C:0, M:0.35, Y:0.53, K:0.64. Its decimal value is 6110252.

Hex triplet	5d3c2c	`#5d3c2c`
RGB Decimal	93, 60, 44	`rgb(93,60,44)`
RGB Percent	36.5, 23.5, 17.3	`rgb(36.5%,23.5%,17.3%)`
CMYK	0, 35, 53, 64
HSL	19.6°, 35.8, 26.9	`hsl(19.6,35.8%,26.9%)`
HSV (or HSB)	19.6°, 52.7, 36.5
Web Safe	663333	`#663333`

CIE-LAB	28.75, 12.468, 15.796
XYZ	6.585, 5.741, 3.144
xyY	0.426, 0.371, 5.741
CIE-LCH	28.75, 20.124, 51.716
CIE-LUV	28.75, 22.443, 14.041
Hunter-Lab	23.961, 7.124, 8.992
Binary	01011101, 00111100, 00101100

#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#2c4d5d
```
#2c4d5d rgb(44,77,93)
```

Complementary Color

#5d2c35
```
#5d2c35 rgb(93,44,53)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#5d552c
```
#5d552c rgb(93,85,44)
```

Analogous Color

#2c355d
```
#2c355d rgb(44,53,93)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#2c5d55
```
#2c5d55 rgb(44,93,85)
```

Split Complementary Color

#291a13
```
#291a13 rgb(41,26,19)
```
#3a261c
```
#3a261c rgb(58,38,28)
```
#4c3124
```
#4c3124 rgb(76,49,36)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#6e4734
```
#6e4734 rgb(110,71,52)
```
#80523c
```
#80523c rgb(128,82,60)
```
#915e45
```
#915e45 rgb(145,94,69)
```

Monochromatic Color

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

#5d302c
```
#5d302c rgb(93,48,44)
```
#5d342c
```
#5d342c rgb(93,52,44)
```
#5d382c
```
#5d382c rgb(93,56,44)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#5d402c
```
#5d402c rgb(93,64,44)
```
#5d442c
```
#5d442c rgb(93,68,44)
```
#5d482c
```
#5d482c rgb(93,72,44)
```

Similar Colors

Text with hexadecimal color #5d3c2c

This text has a font color of #5d3c2c.

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

#5d3c2c background color

This paragraph has a background color of #5d3c2c.

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

#5d3c2c border color

This element has a border color of #5d3c2c.

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

CSS codes

.text {color:#5d3c2c;}

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

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

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

#0d0806
```
#0d0806 rgb(13,8,6)
```
#1a110d
```
#1a110d rgb(26,17,13)
```
#281a13
```
#281a13 rgb(40,26,19)
```
#352219
```
#352219 rgb(53,34,25)
```
#422b1f
```
#422b1f rgb(66,43,31)
```
#503326
```
#503326 rgb(80,51,38)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#6a4532
```
#6a4532 rgb(106,69,50)
```
#784d39
```
#784d39 rgb(120,77,57)
```
#85563f
```
#85563f rgb(133,86,63)
```
#925e45
```
#925e45 rgb(146,94,69)
```
#a0674b
```
#a0674b rgb(160,103,75)
```
#ad7052
```
#ad7052 rgb(173,112,82)
```

Shade Color Variation

#b37b5f
```
#b37b5f rgb(179,123,95)
```
#ba866c
```
#ba866c rgb(186,134,108)
```
#c0917a
```
#c0917a rgb(192,145,122)
```
#c69c87
```
#c69c87 rgb(198,156,135)
```
#cda794
```
#cda794 rgb(205,167,148)
```
#d3b2a2
```
#d3b2a2 rgb(211,178,162)
```
#d9bdaf
```
#d9bdaf rgb(217,189,175)
```
#dfc8bc
```
#dfc8bc rgb(223,200,188)
```
#e6d3ca
```
#e6d3ca rgb(230,211,202)
```
#ecded7
```
#ecded7 rgb(236,222,215)
```
#f2e9e4
```
#f2e9e4 rgb(242,233,228)
```
#f9f4f1
```
#f9f4f1 rgb(249,244,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#484341
```
#484341 rgb(72,67,65)
```
#4d413c
```
#4d413c rgb(77,65,60)
```
#524037
```
#524037 rgb(82,64,55)
```
#583e31
```
#583e31 rgb(88,62,49)
```
#5d3c2c
```
#5d3c2c rgb(93,60,44)
```
#623a27
```
#623a27 rgb(98,58,39)
```
#683821
```
#683821 rgb(104,56,33)
```
#6d371c
```
#6d371c rgb(109,55,28)
```
#723517
```
#723517 rgb(114,53,23)
```
#773312
```
#773312 rgb(119,51,18)
```
#7d310c
```
#7d310c rgb(125,49,12)
```
#822f07
```
#822f07 rgb(130,47,7)
```
#872d02
```
#872d02 rgb(135,45,2)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#49423f Atypical Achromatopsia 0.001% of the population

Dichromacy

#534d39 Protanopia 1% of men
#5c4a35 Deuteranopia 1% of men
#674348 Tritanopia 0.001% of the population

Trichromacy

#564734 Protanomaly 1% of men, 0.01% of women
#5c4532 Deuteranomaly 6% of men, 0.4% of women
#63403e Tritanomaly 0.01% of the population