#5d3316 hex color

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

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

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

The hexadecimal color #5d3316 has RGB values of R:93, G:51, B:22 and CMYK values of C:0, M:0.45, Y:0.76, K:0.64. Its decimal value is 6107926.

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

CIE-LAB	26.02, 16.215, 25.944
XYZ	5.843, 4.753, 1.369
xyY	0.488, 0.397, 4.753
CIE-LCH	26.02, 30.595, 57.995
CIE-LUV	26.02, 30.384, 19.683
Hunter-Lab	21.802, 9.686, 11.539
Binary	01011101, 00110011, 00010110

#5d3316
```
#5d3316 rgb(93,51,22)
```
#16405d
```
#16405d rgb(22,64,93)
```

Complementary Color

#5d161d
```
#5d161d rgb(93,22,29)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#5d5716
```
#5d5716 rgb(93,87,22)
```

Analogous Color

#161d5d
```
#161d5d rgb(22,29,93)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#165d57
```
#165d57 rgb(22,93,87)
```

Split Complementary Color

#33165d
```
#33165d rgb(51,22,93)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#165d33
```
#165d33 rgb(22,93,51)
```

Triadic Color

#5d1640
```
#5d1640 rgb(93,22,64)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#165d33
```
#165d33 rgb(22,93,51)
```
#16405d
```
#16405d rgb(22,64,93)
```

Tetradic Color

#1f1107
```
#1f1107 rgb(31,17,7)
```
#341c0c
```
#341c0c rgb(52,28,12)
```
#482811
```
#482811 rgb(72,40,17)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#723e1b
```
#723e1b rgb(114,62,27)
```
#864a20
```
#864a20 rgb(134,74,32)
```
#9b5525
```
#9b5525 rgb(155,85,37)
```

Monochromatic Color

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

#5d2116
```
#5d2116 rgb(93,33,22)
```
#5d2716
```
#5d2716 rgb(93,39,22)
```
#5d2d16
```
#5d2d16 rgb(93,45,22)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#5d3916
```
#5d3916 rgb(93,57,22)
```
#5d3f16
```
#5d3f16 rgb(93,63,22)
```
#5d4516
```
#5d4516 rgb(93,69,22)
```

Similar Colors

Text with hexadecimal color #5d3316

This text has a font color of #5d3316.

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

#5d3316 background color

This paragraph has a background color of #5d3316.

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

#5d3316 border color

This element has a border color of #5d3316.

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

CSS codes

.text {color:#5d3316;}

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

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

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

#0e0803
```
#0e0803 rgb(14,8,3)
```
#1e1007
```
#1e1007 rgb(30,16,7)
```
#2d190b
```
#2d190b rgb(45,25,11)
```
#3d220e
```
#3d220e rgb(61,34,14)
```
#4d2a12
```
#4d2a12 rgb(77,42,18)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#6d3c1a
```
#6d3c1a rgb(109,60,26)
```
#7d441e
```
#7d441e rgb(125,68,30)
```
#8d4d21
```
#8d4d21 rgb(141,77,33)
```
#9c5625
```
#9c5625 rgb(156,86,37)
```
#ac5e29
```
#ac5e29 rgb(172,94,41)
```
#bc672d
```
#bc672d rgb(188,103,45)
```
#cc7030
```
#cc7030 rgb(204,112,48)
```

Shade Color Variation

#d17b3e
```
#d17b3e rgb(209,123,62)
```
#d5854e
```
#d5854e rgb(213,133,78)
```
#d9905e
```
#d9905e rgb(217,144,94)
```
#dd9b6e
```
#dd9b6e rgb(221,155,110)
```
#e0a67e
```
#e0a67e rgb(224,166,126)
```
#e4b18e
```
#e4b18e rgb(228,177,142)
```
#e8bc9e
```
#e8bc9e rgb(232,188,158)
```
#ecc7ae
```
#ecc7ae rgb(236,199,174)
```
#efd2bd
```
#efd2bd rgb(239,210,189)
```
#f3ddcd
```
#f3ddcd rgb(243,221,205)
```
#f7e8dd
```
#f7e8dd rgb(247,232,221)
```
#fbf3ed
```
#fbf3ed rgb(251,243,237)
```
#fefefd
```
#fefefd rgb(254,254,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 #6f3004 is the most saturated one.

#3a3939
```
#3a3939 rgb(58,57,57)
```
#3e3935
```
#3e3935 rgb(62,57,53)
```
#423831
```
#423831 rgb(66,56,49)
```
#47372c
```
#47372c rgb(71,55,44)
```
#4b3628
```
#4b3628 rgb(75,54,40)
```
#503523
```
#503523 rgb(80,53,35)
```
#54351f
```
#54351f rgb(84,53,31)
```
#59341a
```
#59341a rgb(89,52,26)
```
#5d3316
```
#5d3316 rgb(93,51,22)
```
#613212
```
#613212 rgb(97,50,18)
```
#66310d
```
#66310d rgb(102,49,13)
```
#6a3109
```
#6a3109 rgb(106,49,9)
```
#6f3004
```
#6f3004 rgb(111,48,4)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#433a34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4725 Protanopia 1% of men
#58441f Deuteranopia 1% of men
#673a3e Tritanopia 0.001% of the population

Trichromacy

#54401f Protanomaly 1% of men, 0.01% of women
#593e1c Deuteranomaly 6% of men, 0.4% of women
#63372f Tritanomaly 0.01% of the population

#5d3316 hex color

#5d3316 Color Information

#5d3316 Color Conversion

Color Schemes with #5d3316

Alternatives to #5d3316

#5d3316 Preview

Shades and Tints of #5d3316

Tones of #5d3316

Color Blindness Simulator