colorhexa.com

#5d2c12 hex color

In a RGB color space, hex #5d2c12 is composed of 36.5% red, 17.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 80.6% yellow and 63.5% black. It has a hue angle of 20.8 degrees, a saturation of 67.6% and a lightness of 21.8%. #5d2c12 color hex could be obtained by blending #ba5824 with #000000. Closest websafe color is: #663300.

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

● #5d2c12 color description : Very dark orange [Brown tone].

The hexadecimal color #5d2c12 has RGB values of R:93, G:44, B:18 and CMYK values of C:0, M:0.53, Y:0.81, K:0.64. Its decimal value is 6106130.

Hex triplet	5d2c12	`#5d2c12`
RGB Decimal	93, 44, 18	`rgb(93,44,18)`
RGB Percent	36.5, 17.3, 7.1	`rgb(36.5%,17.3%,7.1%)`
CMYK	0, 53, 81, 64
HSL	20.8°, 67.6, 21.8	`hsl(20.8,67.6%,21.8%)`
HSV (or HSB)	20.8°, 80.6, 36.5
Web Safe	663300	`#663300`

CIE-LAB	24.234, 20.255, 26.309
XYZ	5.524, 4.173, 1.087
xyY	0.512, 0.387, 4.173
CIE-LCH	24.234, 33.202, 52.407
CIE-LUV	24.234, 35.207, 18.216
Hunter-Lab	20.427, 12.525, 11.145
Binary	01011101, 00101100, 00010010

#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#12435d
```
#12435d rgb(18,67,93)
```

Complementary Color

#5d121e
```
#5d121e rgb(93,18,30)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#5d5212
```
#5d5212 rgb(93,82,18)
```

Analogous Color

#121e5d
```
#121e5d rgb(18,30,93)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#125d52
```
#125d52 rgb(18,93,82)
```

Split Complementary Color

#1d0e06
```
#1d0e06 rgb(29,14,6)
```
#32180a
```
#32180a rgb(50,24,10)
```
#48220e
```
#48220e rgb(72,34,14)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#723616
```
#723616 rgb(114,54,22)
```
#88401a
```
#88401a rgb(136,64,26)
```
#9d4a1e
```
#9d4a1e rgb(157,74,30)
```

Monochromatic Color

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

#5d1912
```
#5d1912 rgb(93,25,18)
```
#5d2012
```
#5d2012 rgb(93,32,18)
```
#5d2612
```
#5d2612 rgb(93,38,18)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#5d3212
```
#5d3212 rgb(93,50,18)
```
#5d3912
```
#5d3912 rgb(93,57,18)
```
#5d3f12
```
#5d3f12 rgb(93,63,18)
```

Similar Colors

Text with hexadecimal color #5d2c12

This text has a font color of #5d2c12.

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

#5d2c12 background color

This paragraph has a background color of #5d2c12.

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

#5d2c12 border color

This element has a border color of #5d2c12.

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

CSS codes

.text {color:#5d2c12;}

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

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1b0d05
```
#1b0d05 rgb(27,13,5)
```
#2c1508
```
#2c1508 rgb(44,21,8)
```
#3c1c0c
```
#3c1c0c rgb(60,28,12)
```
#4d240f
```
#4d240f rgb(77,36,15)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#6d3415
```
#6d3415 rgb(109,52,21)
```
#7e3c18
```
#7e3c18 rgb(126,60,24)
```
#8e431c
```
#8e431c rgb(142,67,28)
```
#9f4b1f
```
#9f4b1f rgb(159,75,31)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#c05b25
```
#c05b25 rgb(192,91,37)
```
#d06228
```
#d06228 rgb(208,98,40)
```

Shade Color Variation

#d86d34
```
#d86d34 rgb(216,109,52)
```
#db7945
```
#db7945 rgb(219,121,69)
```
#de8555
```
#de8555 rgb(222,133,85)
```
#e19065
```
#e19065 rgb(225,144,101)
```
#e49c76
```
#e49c76 rgb(228,156,118)
```
#e8a886
```
#e8a886 rgb(232,168,134)
```
#ebb497
```
#ebb497 rgb(235,180,151)
```
#eec0a7
```
#eec0a7 rgb(238,192,167)
```
#f1ccb8
```
#f1ccb8 rgb(241,204,184)
```
#f4d7c8
```
#f4d7c8 rgb(244,215,200)
```
#f8e3d9
```
#f8e3d9 rgb(248,227,217)
```
#fbefe9
```
#fbefe9 rgb(251,239,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b3634 is the less saturated color, while #6e2701 is the most saturated one.

#3b3634
```
#3b3634 rgb(59,54,52)
```
#3f3530
```
#3f3530 rgb(63,53,48)
```
#43342c
```
#43342c rgb(67,52,44)
```
#483327
```
#483327 rgb(72,51,39)
```
#4c3123
```
#4c3123 rgb(76,49,35)
```
#50301f
```
#50301f rgb(80,48,31)
```
#542f1b
```
#542f1b rgb(84,47,27)
```
#592d16
```
#592d16 rgb(89,45,22)
```
#5d2c12
```
#5d2c12 rgb(93,44,18)
```
#612b0e
```
#612b0e rgb(97,43,14)
```
#662909
```
#662909 rgb(102,41,9)
```
#6a2805
```
#6a2805 rgb(106,40,5)
```
#6e2701
```
#6e2701 rgb(110,39,1)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3f3630 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4322 Protanopia 1% of men
#53401b Deuteranopia 1% of men
#663437 Tritanopia 0.001% of the population

Trichromacy

#513b1c Protanomaly 1% of men, 0.01% of women
#573917 Deuteranomaly 6% of men, 0.4% of women
#633129 Tritanomaly 0.01% of the population