#5d3016 hex color

In a RGB color space, hex #5d3016 is composed of 36.5% red, 18.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 76.3% yellow and 63.5% black. It has a hue angle of 22 degrees, a saturation of 61.7% and a lightness of 22.5%. #5d3016 color hex could be obtained by blending #ba602c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 36
- G 19
- B 9
RGB color chart
- C 0
- M 48
- Y 76
- K 64
CMYK color chart

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

The hexadecimal color #5d3016 has RGB values of R:93, G:48, B:22 and CMYK values of C:0, M:0.48, Y:0.76, K:0.64. Its decimal value is 6107158.

Hex triplet	5d3016	`#5d3016`
RGB Decimal	93, 48, 22	`rgb(93,48,22)`
RGB Percent	36.5, 18.8, 8.6	`rgb(36.5%,18.8%,8.6%)`
CMYK	0, 48, 76, 64
HSL	22°, 61.7, 22.5	`hsl(22,61.7%,22.5%)`
HSV (or HSB)	22°, 76.3, 36.5
Web Safe	663300	`#663300`

CIE-LAB	25.258, 18.058, 25.115
XYZ	5.716, 4.499, 1.326
xyY	0.495, 0.39, 4.499
CIE-LCH	25.258, 30.933, 54.284
CIE-LUV	25.258, 32.304, 18.486
Hunter-Lab	21.212, 10.981, 11.141
Binary	01011101, 00110000, 00010110

#5d3016
```
#5d3016 rgb(93,48,22)
```
#16435d
```
#16435d rgb(22,67,93)
```

Complementary Color

#5d1620
```
#5d1620 rgb(93,22,32)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#5d5416
```
#5d5416 rgb(93,84,22)
```

Analogous Color

#16205d
```
#16205d rgb(22,32,93)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#165d54
```
#165d54 rgb(22,93,84)
```

Split Complementary Color

#30165d
```
#30165d rgb(48,22,93)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#165d30
```
#165d30 rgb(22,93,48)
```

Triadic Color

#5d1643
```
#5d1643 rgb(93,22,67)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#165d30
```
#165d30 rgb(22,93,48)
```
#16435d
```
#16435d rgb(22,67,93)
```

Tetradic Color

#1f1007
```
#1f1007 rgb(31,16,7)
```
#341b0c
```
#341b0c rgb(52,27,12)
```
#482511
```
#482511 rgb(72,37,17)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#723b1b
```
#723b1b rgb(114,59,27)
```
#864520
```
#864520 rgb(134,69,32)
```
#9b5025
```
#9b5025 rgb(155,80,37)
```

Monochromatic Color

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

#5d1e16
```
#5d1e16 rgb(93,30,22)
```
#5d2416
```
#5d2416 rgb(93,36,22)
```
#5d2a16
```
#5d2a16 rgb(93,42,22)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#5d3616
```
#5d3616 rgb(93,54,22)
```
#5d3c16
```
#5d3c16 rgb(93,60,22)
```
#5d4216
```
#5d4216 rgb(93,66,22)
```

Similar Colors

Text with hexadecimal color #5d3016

This text has a font color of #5d3016.

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

#5d3016 background color

This paragraph has a background color of #5d3016.

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

#5d3016 border color

This element has a border color of #5d3016.

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

CSS codes

.text {color:#5d3016;}

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

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

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

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1e0f07
```
#1e0f07 rgb(30,15,7)
```
#2d170b
```
#2d170b rgb(45,23,11)
```
#3d200e
```
#3d200e rgb(61,32,14)
```
#4d2812
```
#4d2812 rgb(77,40,18)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#6d381a
```
#6d381a rgb(109,56,26)
```
#7d401e
```
#7d401e rgb(125,64,30)
```
#8d4921
```
#8d4921 rgb(141,73,33)
```
#9c5125
```
#9c5125 rgb(156,81,37)
```
#ac5929
```
#ac5929 rgb(172,89,41)
```
#bc612d
```
#bc612d rgb(188,97,45)
```
#cc6930
```
#cc6930 rgb(204,105,48)
```

Shade Color Variation

#d1743e
```
#d1743e rgb(209,116,62)
```
#d5804e
```
#d5804e rgb(213,128,78)
```
#d98b5e
```
#d98b5e rgb(217,139,94)
```
#dd976e
```
#dd976e rgb(221,151,110)
```
#e0a27e
```
#e0a27e rgb(224,162,126)
```
#e4ad8e
```
#e4ad8e rgb(228,173,142)
```
#e8b99e
```
#e8b99e rgb(232,185,158)
```
#ecc4ae
```
#ecc4ae rgb(236,196,174)
```
#efd0bd
```
#efd0bd rgb(239,208,189)
```
#f3dbcd
```
#f3dbcd rgb(243,219,205)
```
#f7e7dd
```
#f7e7dd rgb(247,231,221)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#3a3939
```
#3a3939 rgb(58,57,57)
```
#3e3835
```
#3e3835 rgb(62,56,53)
```
#423731
```
#423731 rgb(66,55,49)
```
#47362c
```
#47362c rgb(71,54,44)
```
#4b3528
```
#4b3528 rgb(75,53,40)
```
#503423
```
#503423 rgb(80,52,35)
```
#54321f
```
#54321f rgb(84,50,31)
```
#59311a
```
#59311a rgb(89,49,26)
```
#5d3016
```
#5d3016 rgb(93,48,22)
```
#612f12
```
#612f12 rgb(97,47,18)
```
#662e0d
```
#662e0d rgb(102,46,13)
```
#6a2c09
```
#6a2c09 rgb(106,44,9)
```
#6f2b04
```
#6f2b04 rgb(111,43,4)
```

Tone Color Variation

Below, you can see how #5d3016 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
#413833 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4625 Protanopia 1% of men
#56421f Deuteranopia 1% of men
#66373b Tritanopia 0.001% of the population

Trichromacy

#523e1f Protanomaly 1% of men, 0.01% of women
#583c1c Deuteranomaly 6% of men, 0.4% of women
#63342d Tritanomaly 0.01% of the population

#5d3016 hex color

#5d3016 Color Information

#5d3016 Color Conversion

Color Schemes with #5d3016

Alternatives to #5d3016

#5d3016 Preview

Shades and Tints of #5d3016

Tones of #5d3016

Color Blindness Simulator