colorhexa.com

#5d3012 hex color

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

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

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

The hexadecimal color #5d3012 has RGB values of R:93, G:48, B:18 and CMYK values of C:0, M:0.48, Y:0.81, K:0.64. Its decimal value is 6107154.

Hex triplet	5d3012	`#5d3012`
RGB Decimal	93, 48, 18	`rgb(93,48,18)`
RGB Percent	36.5, 18.8, 7.1	`rgb(36.5%,18.8%,7.1%)`
CMYK	0, 48, 81, 64
HSL	24°, 67.6, 21.8	`hsl(24,67.6%,21.8%)`
HSV (or HSB)	24°, 80.6, 36.5
Web Safe	663300	`#663300`

CIE-LAB	25.215, 17.838, 27.322
XYZ	5.681, 4.485, 1.139
xyY	0.502, 0.397, 4.485
CIE-LCH	25.215, 32.629, 56.86
CIE-LUV	25.215, 32.67, 19.732
Hunter-Lab	21.178, 10.816, 11.637
Binary	01011101, 00110000, 00010010

#5d3012
```
#5d3012 rgb(93,48,18)
```
#123f5d
```
#123f5d rgb(18,63,93)
```

Complementary Color

#5d121a
```
#5d121a rgb(93,18,26)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#5d5512
```
#5d5512 rgb(93,85,18)
```

Analogous Color

#121a5d
```
#121a5d rgb(18,26,93)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#125d55
```
#125d55 rgb(18,93,85)
```

Split Complementary Color

#1d0f06
```
#1d0f06 rgb(29,15,6)
```
#321a0a
```
#321a0a rgb(50,26,10)
```
#48250e
```
#48250e rgb(72,37,14)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#723b16
```
#723b16 rgb(114,59,22)
```
#88461a
```
#88461a rgb(136,70,26)
```
#9d511e
```
#9d511e rgb(157,81,30)
```

Monochromatic Color

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

#5d1d12
```
#5d1d12 rgb(93,29,18)
```
#5d2312
```
#5d2312 rgb(93,35,18)
```
#5d2a12
```
#5d2a12 rgb(93,42,18)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#5d3612
```
#5d3612 rgb(93,54,18)
```
#5d3d12
```
#5d3d12 rgb(93,61,18)
```
#5d4312
```
#5d4312 rgb(93,67,18)
```

Similar Colors

Text with hexadecimal color #5d3012

This text has a font color of #5d3012.

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

#5d3012 background color

This paragraph has a background color of #5d3012.

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

#5d3012 border color

This element has a border color of #5d3012.

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

CSS codes

.text {color:#5d3012;}

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

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

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

#0b0602
```
#0b0602 rgb(11,6,2)
```
#1b0e05
```
#1b0e05 rgb(27,14,5)
```
#2c1708
```
#2c1708 rgb(44,23,8)
```
#3c1f0c
```
#3c1f0c rgb(60,31,12)
```
#4d280f
```
#4d280f rgb(77,40,15)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#6d3815
```
#6d3815 rgb(109,56,21)
```
#7e4118
```
#7e4118 rgb(126,65,24)
```
#8e491c
```
#8e491c rgb(142,73,28)
```
#9f521f
```
#9f521f rgb(159,82,31)
```
#af5a22
```
#af5a22 rgb(175,90,34)
```
#c06325
```
#c06325 rgb(192,99,37)
```
#d06b28
```
#d06b28 rgb(208,107,40)
```

Shade Color Variation

#d87634
```
#d87634 rgb(216,118,52)
```
#db8145
```
#db8145 rgb(219,129,69)
```
#de8c55
```
#de8c55 rgb(222,140,85)
```
#e19765
```
#e19765 rgb(225,151,101)
```
#e4a276
```
#e4a276 rgb(228,162,118)
```
#e8ad86
```
#e8ad86 rgb(232,173,134)
```
#ebb897
```
#ebb897 rgb(235,184,151)
```
#eec4a7
```
#eec4a7 rgb(238,196,167)
```
#f1cfb8
```
#f1cfb8 rgb(241,207,184)
```
#f4dac8
```
#f4dac8 rgb(244,218,200)
```
#f8e5d9
```
#f8e5d9 rgb(248,229,217)
```
#fbf0e9
```
#fbf0e9 rgb(251,240,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#3b3734
```
#3b3734 rgb(59,55,52)
```
#3f3630
```
#3f3630 rgb(63,54,48)
```
#43352c
```
#43352c rgb(67,53,44)
```
#483427
```
#483427 rgb(72,52,39)
```
#4c3323
```
#4c3323 rgb(76,51,35)
```
#50331f
```
#50331f rgb(80,51,31)
```
#54321b
```
#54321b rgb(84,50,27)
```
#593116
```
#593116 rgb(89,49,22)
```
#5d3012
```
#5d3012 rgb(93,48,18)
```
#612f0e
```
#612f0e rgb(97,47,14)
```
#662e09
```
#662e09 rgb(102,46,9)
```
#6a2d05
```
#6a2d05 rgb(106,45,5)
```
#6e2d01
```
#6e2d01 rgb(110,45,1)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#413832 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4621 Protanopia 1% of men
#56421b Deuteranopia 1% of men
#67373b Tritanopia 0.001% of the population

Trichromacy

#533e1b Protanomaly 1% of men, 0.01% of women
#583b18 Deuteranomaly 6% of men, 0.4% of women
#63342c Tritanomaly 0.01% of the population