#5d4316 hex color

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

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

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

The hexadecimal color #5d4316 has RGB values of R:93, G:67, B:22 and CMYK values of C:0, M:0.28, Y:0.76, K:0.64. Its decimal value is 6112022.

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

CIE-LAB	30.399, 6.201, 30.575
XYZ	6.666, 6.4, 1.643
xyY	0.453, 0.435, 6.4
CIE-LCH	30.399, 31.197, 78.535
CIE-LUV	30.399, 19.758, 26.477
Hunter-Lab	25.298, 2.766, 13.857
Binary	01011101, 01000011, 00010110

#5d4316
```
#5d4316 rgb(93,67,22)
```
#16305d
```
#16305d rgb(22,48,93)
```

Complementary Color

#5d2016
```
#5d2016 rgb(93,32,22)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#545d16
```
#545d16 rgb(84,93,22)
```

Analogous Color

#20165d
```
#20165d rgb(32,22,93)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#16545d
```
#16545d rgb(22,84,93)
```

Split Complementary Color

#43165d
```
#43165d rgb(67,22,93)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#165d43
```
#165d43 rgb(22,93,67)
```

Triadic Color

#5d1630
```
#5d1630 rgb(93,22,48)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#165d43
```
#165d43 rgb(22,93,67)
```
#16305d
```
#16305d rgb(22,48,93)
```

Tetradic Color

#1f1607
```
#1f1607 rgb(31,22,7)
```
#34250c
```
#34250c rgb(52,37,12)
```
#483411
```
#483411 rgb(72,52,17)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#72521b
```
#72521b rgb(114,82,27)
```
#866120
```
#866120 rgb(134,97,32)
```
#9b7025
```
#9b7025 rgb(155,112,37)
```

Monochromatic Color

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

#5d3116
```
#5d3116 rgb(93,49,22)
```
#5d3716
```
#5d3716 rgb(93,55,22)
```
#5d3d16
```
#5d3d16 rgb(93,61,22)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#5d4916
```
#5d4916 rgb(93,73,22)
```
#5d4f16
```
#5d4f16 rgb(93,79,22)
```
#5d5516
```
#5d5516 rgb(93,85,22)
```

Similar Colors

Text with hexadecimal color #5d4316

This text has a font color of #5d4316.

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

#5d4316 background color

This paragraph has a background color of #5d4316.

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

#5d4316 border color

This element has a border color of #5d4316.

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

CSS codes

.text {color:#5d4316;}

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

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

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

#0e0a03
```
#0e0a03 rgb(14,10,3)
```
#1e1507
```
#1e1507 rgb(30,21,7)
```
#2d210b
```
#2d210b rgb(45,33,11)
```
#3d2c0e
```
#3d2c0e rgb(61,44,14)
```
#4d3812
```
#4d3812 rgb(77,56,18)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#6d4e1a
```
#6d4e1a rgb(109,78,26)
```
#7d5a1e
```
#7d5a1e rgb(125,90,30)
```
#8d6521
```
#8d6521 rgb(141,101,33)
```
#9c7125
```
#9c7125 rgb(156,113,37)
```
#ac7c29
```
#ac7c29 rgb(172,124,41)
```
#bc882d
```
#bc882d rgb(188,136,45)
```
#cc9330
```
#cc9330 rgb(204,147,48)
```

Shade Color Variation

#d19c3e
```
#d19c3e rgb(209,156,62)
```
#d5a44e
```
#d5a44e rgb(213,164,78)
```
#d9ac5e
```
#d9ac5e rgb(217,172,94)
```
#ddb46e
```
#ddb46e rgb(221,180,110)
```
#e0bc7e
```
#e0bc7e rgb(224,188,126)
```
#e4c58e
```
#e4c58e rgb(228,197,142)
```
#e8cd9e
```
#e8cd9e rgb(232,205,158)
```
#ecd5ae
```
#ecd5ae rgb(236,213,174)
```
#efddbd
```
#efddbd rgb(239,221,189)
```
#f3e5cd
```
#f3e5cd rgb(243,229,205)
```
#f7eedd
```
#f7eedd rgb(247,238,221)
```
#fbf6ed
```
#fbf6ed rgb(251,246,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#3a3a39
```
#3a3a39 rgb(58,58,57)
```
#3e3b35
```
#3e3b35 rgb(62,59,53)
```
#423c31
```
#423c31 rgb(66,60,49)
```
#473d2c
```
#473d2c rgb(71,61,44)
```
#4b3e28
```
#4b3e28 rgb(75,62,40)
```
#503f23
```
#503f23 rgb(80,63,35)
```
#54411f
```
#54411f rgb(84,65,31)
```
#59421a
```
#59421a rgb(89,66,26)
```
#5d4316
```
#5d4316 rgb(93,67,22)
```
#614412
```
#614412 rgb(97,68,18)
```
#66450d
```
#66450d rgb(102,69,13)
```
#6a4709
```
#6a4709 rgb(106,71,9)
```
#6f4804
```
#6f4804 rgb(111,72,4)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b453c Atypical Achromatopsia 0.001% of the population

Dichromacy

#595123 Protanopia 1% of men
#644d21 Deuteranopia 1% of men
#68484d Tritanopia 0.001% of the population

Trichromacy

#5b4c1e Protanomaly 1% of men, 0.01% of women
#61491d Deuteranomaly 6% of men, 0.4% of women
#644639 Tritanomaly 0.01% of the population

#5d4316 hex color

#5d4316 Color Information

#5d4316 Color Conversion

Color Schemes with #5d4316

Alternatives to #5d4316

#5d4316 Preview

Shades and Tints of #5d4316

Tones of #5d4316

Color Blindness Simulator