#5d301f hex color

In a RGB color space, hex #5d301f is composed of 36.5% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 66.7% yellow and 63.5% black. It has a hue angle of 16.5 degrees, a saturation of 50% and a lightness of 24.3%. #5d301f color hex could be obtained by blending #ba603e with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5d301f has RGB values of R:93, G:48, B:31 and CMYK values of C:0, M:0.48, Y:0.67, K:0.64. Its decimal value is 6107167.

Hex triplet	5d301f	`#5d301f`
RGB Decimal	93, 48, 31	`rgb(93,48,31)`
RGB Percent	36.5, 18.8, 12.2	`rgb(36.5%,18.8%,12.2%)`
CMYK	0, 48, 67, 64
HSL	16.5°, 50, 24.3	`hsl(16.5,50%,24.3%)`
HSV (or HSB)	16.5°, 66.7, 36.5
Web Safe	663333	`#663333`

CIE-LAB	25.383, 18.683, 19.784
XYZ	5.819, 4.54, 1.866
xyY	0.476, 0.371, 4.54
CIE-LCH	25.383, 27.212, 46.639
CIE-LUV	25.383, 31.293, 15.021
Hunter-Lab	21.308, 11.453, 9.723
Binary	01011101, 00110000, 00011111

#5d301f
```
#5d301f rgb(93,48,31)
```
#1f4c5d
```
#1f4c5d rgb(31,76,93)
```

Complementary Color

#5d1f2d
```
#5d1f2d rgb(93,31,45)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#5d4f1f
```
#5d4f1f rgb(93,79,31)
```

Analogous Color

#1f2d5d
```
#1f2d5d rgb(31,45,93)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#1f5d4f
```
#1f5d4f rgb(31,93,79)
```

Split Complementary Color

#301f5d
```
#301f5d rgb(48,31,93)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#1f5d30
```
#1f5d30 rgb(31,93,48)
```

Triadic Color

#5d1f4c
```
#5d1f4c rgb(93,31,76)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#1f5d30
```
#1f5d30 rgb(31,93,48)
```
#1f4c5d
```
#1f4c5d rgb(31,76,93)
```

Tetradic Color

#24120c
```
#24120c rgb(36,18,12)
```
#371c12
```
#371c12 rgb(55,28,18)
```
#4a2619
```
#4a2619 rgb(74,38,25)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#703a25
```
#703a25 rgb(112,58,37)
```
#83442c
```
#83442c rgb(131,68,44)
```
#964e32
```
#964e32 rgb(150,78,50)
```

Monochromatic Color

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

#5d211f
```
#5d211f rgb(93,33,31)
```
#5d261f
```
#5d261f rgb(93,38,31)
```
#5d2b1f
```
#5d2b1f rgb(93,43,31)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#5d351f
```
#5d351f rgb(93,53,31)
```
#5d3a1f
```
#5d3a1f rgb(93,58,31)
```
#5d401f
```
#5d401f rgb(93,64,31)
```

Similar Colors

Text with hexadecimal color #5d301f

This text has a font color of #5d301f.

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

#5d301f background color

This paragraph has a background color of #5d301f.

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

#5d301f border color

This element has a border color of #5d301f.

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

CSS codes

.text {color:#5d301f;}

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

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

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, #050202 is the darkest color, while #fcf7f5 is the lightest one.

#050202
```
#050202 rgb(5,2,2)
```
#130a06
```
#130a06 rgb(19,10,6)
```
#22120b
```
#22120b rgb(34,18,11)
```
#311910
```
#311910 rgb(49,25,16)
```
#402115
```
#402115 rgb(64,33,21)
```
#4e281a
```
#4e281a rgb(78,40,26)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#6c3824
```
#6c3824 rgb(108,56,36)
```
#7a3f29
```
#7a3f29 rgb(122,63,41)
```
#89472e
```
#89472e rgb(137,71,46)
```
#984e33
```
#984e33 rgb(152,78,51)
```
#a75638
```
#a75638 rgb(167,86,56)
```
#b55e3c
```
#b55e3c rgb(181,94,60)
```

Shade Color Variation

#c16744
```
#c16744 rgb(193,103,68)
```
#c67353
```
#c67353 rgb(198,115,83)
```
#cb7f62
```
#cb7f62 rgb(203,127,98)
```
#d08b71
```
#d08b71 rgb(208,139,113)
```
#d4977f
```
#d4977f rgb(212,151,127)
```
#d9a38e
```
#d9a38e rgb(217,163,142)
```
#deaf9d
```
#deaf9d rgb(222,175,157)
```
#e3bbab
```
#e3bbab rgb(227,187,171)
```
#e8c7ba
```
#e8c7ba rgb(232,199,186)
```
#edd3c9
```
#edd3c9 rgb(237,211,201)
```
#f2dfd8
```
#f2dfd8 rgb(242,223,216)
```
#f7ebe6
```
#f7ebe6 rgb(247,235,230)
```
#fcf7f5
```
#fcf7f5 rgb(252,247,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #403d3c is the less saturated color, while #7a2302 is the most saturated one.

#403d3c
```
#403d3c rgb(64,61,60)
```
#453b37
```
#453b37 rgb(69,59,55)
```
#4a3932
```
#4a3932 rgb(74,57,50)
```
#4f362d
```
#4f362d rgb(79,54,45)
```
#533429
```
#533429 rgb(83,52,41)
```
#583224
```
#583224 rgb(88,50,36)
```
#5d301f
```
#5d301f rgb(93,48,31)
```
#622e1a
```
#622e1a rgb(98,46,26)
```
#672c15
```
#672c15 rgb(103,44,21)
```
#6b2a11
```
#6b2a11 rgb(107,42,17)
```
#70270c
```
#70270c rgb(112,39,12)
```
#752507
```
#752507 rgb(117,37,7)
```
#7a2302
```
#7a2302 rgb(122,35,2)
```

Tone Color Variation

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

Dichromacy

#4c462e Protanopia 1% of men
#554328 Deuteranopia 1% of men
#66383c Tritanopia 0.001% of the population

Trichromacy

#523e28 Protanomaly 1% of men, 0.01% of women
#583c24 Deuteranomaly 6% of men, 0.4% of women
#633531 Tritanomaly 0.01% of the population

#5d301f hex color

#5d301f Color Information

#5d301f Color Conversion

Color Schemes with #5d301f

Alternatives to #5d301f

#5d301f Preview

Shades and Tints of #5d301f

Tones of #5d301f

Color Blindness Simulator