#5d3116 hex color

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

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

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

The hexadecimal color #5d3116 has RGB values of R:93, G:49, B:22 and CMYK values of C:0, M:0.47, Y:0.76, K:0.64. Its decimal value is 6107414.

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

CIE-LAB	25.51, 17.446, 25.39
XYZ	5.758, 4.582, 1.34
xyY	0.493, 0.392, 4.582
CIE-LCH	25.51, 30.806, 55.506
CIE-LUV	25.51, 31.669, 18.881
Hunter-Lab	21.406, 10.55, 11.272
Binary	01011101, 00110001, 00010110

#5d3116
```
#5d3116 rgb(93,49,22)
```
#16425d
```
#16425d rgb(22,66,93)
```

Complementary Color

#5d161f
```
#5d161f rgb(93,22,31)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#5d5516
```
#5d5516 rgb(93,85,22)
```

Analogous Color

#161f5d
```
#161f5d rgb(22,31,93)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#165d55
```
#165d55 rgb(22,93,85)
```

Split Complementary Color

#31165d
```
#31165d rgb(49,22,93)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#165d31
```
#165d31 rgb(22,93,49)
```

Triadic Color

#5d1642
```
#5d1642 rgb(93,22,66)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#165d31
```
#165d31 rgb(22,93,49)
```
#16425d
```
#16425d rgb(22,66,93)
```

Tetradic Color

#1f1007
```
#1f1007 rgb(31,16,7)
```
#341b0c
```
#341b0c rgb(52,27,12)
```
#482611
```
#482611 rgb(72,38,17)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#723c1b
```
#723c1b rgb(114,60,27)
```
#864720
```
#864720 rgb(134,71,32)
```
#9b5225
```
#9b5225 rgb(155,82,37)
```

Monochromatic Color

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

#5d1f16
```
#5d1f16 rgb(93,31,22)
```
#5d2516
```
#5d2516 rgb(93,37,22)
```
#5d2b16
```
#5d2b16 rgb(93,43,22)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#5d3716
```
#5d3716 rgb(93,55,22)
```
#5d3d16
```
#5d3d16 rgb(93,61,22)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```

Similar Colors

Text with hexadecimal color #5d3116

This text has a font color of #5d3116.

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

#5d3116 background color

This paragraph has a background color of #5d3116.

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

#5d3116 border color

This element has a border color of #5d3116.

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

CSS codes

.text {color:#5d3116;}

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

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

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)
```
#1e1007
```
#1e1007 rgb(30,16,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3d200e
```
#3d200e rgb(61,32,14)
```
#4d2912
```
#4d2912 rgb(77,41,18)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#6d391a
```
#6d391a rgb(109,57,26)
```
#7d421e
```
#7d421e rgb(125,66,30)
```
#8d4a21
```
#8d4a21 rgb(141,74,33)
```
#9c5225
```
#9c5225 rgb(156,82,37)
```
#ac5b29
```
#ac5b29 rgb(172,91,41)
```
#bc632d
```
#bc632d rgb(188,99,45)
```
#cc6c30
```
#cc6c30 rgb(204,108,48)
```

Shade Color Variation

#d1763e
```
#d1763e rgb(209,118,62)
```
#d5824e
```
#d5824e rgb(213,130,78)
```
#d98d5e
```
#d98d5e rgb(217,141,94)
```
#dd986e
```
#dd986e rgb(221,152,110)
```
#e0a37e
```
#e0a37e rgb(224,163,126)
```
#e4af8e
```
#e4af8e rgb(228,175,142)
```
#e8ba9e
```
#e8ba9e rgb(232,186,158)
```
#ecc5ae
```
#ecc5ae rgb(236,197,174)
```
#efd0bd
```
#efd0bd rgb(239,208,189)
```
#f3dccd
```
#f3dccd rgb(243,220,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 #6f2d04 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)
```
#54331f
```
#54331f rgb(84,51,31)
```
#59321a
```
#59321a rgb(89,50,26)
```
#5d3116
```
#5d3116 rgb(93,49,22)
```
#613012
```
#613012 rgb(97,48,18)
```
#662f0d
```
#662f0d rgb(102,47,13)
```
#6a2e09
```
#6a2e09 rgb(106,46,9)
```
#6f2d04
```
#6f2d04 rgb(111,45,4)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#423934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4625 Protanopia 1% of men
#56431f Deuteranopia 1% of men
#67383c Tritanopia 0.001% of the population

Trichromacy

#533e1f Protanomaly 1% of men, 0.01% of women
#593c1c Deuteranomaly 6% of men, 0.4% of women
#63352e Tritanomaly 0.01% of the population

#5d3116 hex color

#5d3116 Color Information

#5d3116 Color Conversion

Color Schemes with #5d3116

Alternatives to #5d3116

#5d3116 Preview

Shades and Tints of #5d3116

Tones of #5d3116

Color Blindness Simulator