colorhexa.com

#5c301f hex color

In a RGB color space, hex #5c301f is composed of 36.1% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.8% magenta, 66.3% yellow and 63.9% black. It has a hue angle of 16.7 degrees, a saturation of 49.6% and a lightness of 24.1%. #5c301f color hex could be obtained by blending #b8603e with #000000. Closest websafe color is: #663333.

- R 36
- G 19
- B 12
RGB color chart
- C 0
- M 48
- Y 66
- K 64
CMYK color chart

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

The hexadecimal color #5c301f has RGB values of R:92, G:48, B:31 and CMYK values of C:0, M:0.48, Y:0.66, K:0.64. Its decimal value is 6041631.

Hex triplet	5c301f	`#5c301f`
RGB Decimal	92, 48, 31	`rgb(92,48,31)`
RGB Percent	36.1, 18.8, 12.2	`rgb(36.1%,18.8%,12.2%)`
CMYK	0, 48, 66, 64
HSL	16.7°, 49.6, 24.1	`hsl(16.7,49.6%,24.1%)`
HSV (or HSB)	16.7°, 66.3, 36.1
Web Safe	663333	`#663333`

CIE-LAB	25.225, 18.223, 19.555
XYZ	5.718, 4.489, 1.862
xyY	0.474, 0.372, 4.489
CIE-LCH	25.225, 26.73, 47.019
CIE-LUV	25.225, 30.51, 14.894
Hunter-Lab	21.186, 11.1, 9.621
Binary	01011100, 00110000, 00011111

#5c301f
```
#5c301f rgb(92,48,31)
```
#1f4b5c
```
#1f4b5c rgb(31,75,92)
```

Complementary Color

#5c1f2d
```
#5c1f2d rgb(92,31,45)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#5c4f1f
```
#5c4f1f rgb(92,79,31)
```

Analogous Color

#1f2d5c
```
#1f2d5c rgb(31,45,92)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#1f5c4e
```
#1f5c4e rgb(31,92,78)
```

Split Complementary Color

#23120c
```
#23120c rgb(35,18,12)
```
#361c12
```
#361c12 rgb(54,28,18)
```
#492619
```
#492619 rgb(73,38,25)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#6f3a25
```
#6f3a25 rgb(111,58,37)
```
#82442c
```
#82442c rgb(130,68,44)
```
#954e32
```
#954e32 rgb(149,78,50)
```

Monochromatic Color

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

#5c211f
```
#5c211f rgb(92,33,31)
```
#5c261f
```
#5c261f rgb(92,38,31)
```
#5c2b1f
```
#5c2b1f rgb(92,43,31)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#5c351f
```
#5c351f rgb(92,53,31)
```
#5c3a1f
```
#5c3a1f rgb(92,58,31)
```
#5c3f1f
```
#5c3f1f rgb(92,63,31)
```

Similar Colors

Text with hexadecimal color #5c301f

This text has a font color of #5c301f.

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

#5c301f background color

This paragraph has a background color of #5c301f.

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

#5c301f border color

This element has a border color of #5c301f.

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

CSS codes

.text {color:#5c301f;}

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

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130a06
```
#130a06 rgb(19,10,6)
```
#21110b
```
#21110b rgb(33,17,11)
```
#301910
```
#301910 rgb(48,25,16)
```
#3f2115
```
#3f2115 rgb(63,33,21)
```
#4d281a
```
#4d281a rgb(77,40,26)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#6b3824
```
#6b3824 rgb(107,56,36)
```
#793f29
```
#793f29 rgb(121,63,41)
```
#88472e
```
#88472e rgb(136,71,46)
```
#974f33
```
#974f33 rgb(151,79,51)
```
#a55638
```
#a55638 rgb(165,86,56)
```
#b45e3d
```
#b45e3d rgb(180,94,61)
```

Shade Color Variation

#c06744
```
#c06744 rgb(192,103,68)
```
#c57353
```
#c57353 rgb(197,115,83)
```
#ca7f62
```
#ca7f62 rgb(202,127,98)
```
#cf8b70
```
#cf8b70 rgb(207,139,112)
```
#d4977f
```
#d4977f rgb(212,151,127)
```
#d9a38e
```
#d9a38e rgb(217,163,142)
```
#deaf9c
```
#deaf9c rgb(222,175,156)
```
#e3baab
```
#e3baab rgb(227,186,171)
```
#e8c6ba
```
#e8c6ba rgb(232,198,186)
```
#edd2c8
```
#edd2c8 rgb(237,210,200)
```
#f2ded7
```
#f2ded7 rgb(242,222,215)
```
#f6eae6
```
#f6eae6 rgb(246,234,230)
```
#fbf6f4
```
#fbf6f4 rgb(251,246,244)
```

Tint Color Variation

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

#403d3b
```
#403d3b rgb(64,61,59)
```
#443a37
```
#443a37 rgb(68,58,55)
```
#493832
```
#493832 rgb(73,56,50)
```
#4e362d
```
#4e362d rgb(78,54,45)
```
#533428
```
#533428 rgb(83,52,40)
```
#573224
```
#573224 rgb(87,50,36)
```
#5c301f
```
#5c301f rgb(92,48,31)
```
#612e1a
```
#612e1a rgb(97,46,26)
```
#652c16
```
#652c16 rgb(101,44,22)
```
#6a2a11
```
#6a2a11 rgb(106,42,17)
```
#6f280c
```
#6f280c rgb(111,40,12)
```
#742607
```
#742607 rgb(116,38,7)
```
#782303
```
#782303 rgb(120,35,3)
```

Tone Color Variation

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

Dichromacy

#4b452e Protanopia 1% of men
#544228 Deuteranopia 1% of men
#65383c Tritanopia 0.001% of the population

Trichromacy

#513d28 Protanomaly 1% of men, 0.01% of women
#573c25 Deuteranomaly 6% of men, 0.4% of women
#623531 Tritanomaly 0.01% of the population