colorhexa.com

#5f311e hex color

In a RGB color space, hex #5f311e is composed of 37.3% red, 19.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 68.4% yellow and 62.7% black. It has a hue angle of 17.5 degrees, a saturation of 52% and a lightness of 24.5%. #5f311e color hex could be obtained by blending #be623c with #000000. Closest websafe color is: #663333.

- R 37
- G 19
- B 12
RGB color chart
- C 0
- M 48
- Y 68
- K 63
CMYK color chart

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

The hexadecimal color #5f311e has RGB values of R:95, G:49, B:30 and CMYK values of C:0, M:0.48, Y:0.68, K:0.63. Its decimal value is 6238494.

Hex triplet	5f311e	`#5f311e`
RGB Decimal	95, 49, 30	`rgb(95,49,30)`
RGB Percent	37.3, 19.2, 11.8	`rgb(37.3%,19.2%,11.8%)`
CMYK	0, 48, 68, 63
HSL	17.5°, 52, 24.5	`hsl(17.5,52%,24.5%)`
HSV (or HSB)	17.5°, 68.4, 37.3
Web Safe	663333	`#663333`

CIE-LAB	25.933, 18.916, 21.149
XYZ	6.052, 4.724, 1.821
xyY	0.48, 0.375, 4.724
CIE-LCH	25.933, 28.374, 48.19
CIE-LUV	25.933, 32.382, 16.108
Hunter-Lab	21.734, 11.671, 10.246
Binary	01011111, 00110001, 00011110

#5f311e
```
#5f311e rgb(95,49,30)
```
#1e4c5f
```
#1e4c5f rgb(30,76,95)
```

Complementary Color

#5f1e2c
```
#5f1e2c rgb(95,30,44)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#5f521e
```
#5f521e rgb(95,82,30)
```

Analogous Color

#1e2c5f
```
#1e2c5f rgb(30,44,95)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#1e5f52
```
#1e5f52 rgb(30,95,82)
```

Split Complementary Color

#25130c
```
#25130c rgb(37,19,12)
```
#381d12
```
#381d12 rgb(56,29,18)
```
#4c2718
```
#4c2718 rgb(76,39,24)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#723b24
```
#723b24 rgb(114,59,36)
```
#86452a
```
#86452a rgb(134,69,42)
```
#994f30
```
#994f30 rgb(153,79,48)
```

Monochromatic Color

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

#5f211e
```
#5f211e rgb(95,33,30)
```
#5f261e
```
#5f261e rgb(95,38,30)
```
#5f2c1e
```
#5f2c1e rgb(95,44,30)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#5f361e
```
#5f361e rgb(95,54,30)
```
#5f3c1e
```
#5f3c1e rgb(95,60,30)
```
#5f411e
```
#5f411e rgb(95,65,30)
```

Similar Colors

Text with hexadecimal color #5f311e

This text has a font color of #5f311e.

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

#5f311e background color

This paragraph has a background color of #5f311e.

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

#5f311e border color

This element has a border color of #5f311e.

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

CSS codes

.text {color:#5f311e;}

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

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

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

#060302
```
#060302 rgb(6,3,2)
```
#140b06
```
#140b06 rgb(20,11,6)
```
#23120b
```
#23120b rgb(35,18,11)
```
#321a10
```
#321a10 rgb(50,26,16)
```
#412215
```
#412215 rgb(65,34,21)
```
#502919
```
#502919 rgb(80,41,25)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#6e3923
```
#6e3923 rgb(110,57,35)
```
#7d4027
```
#7d4027 rgb(125,64,39)
```
#8c482c
```
#8c482c rgb(140,72,44)
```
#9b5031
```
#9b5031 rgb(155,80,49)
```
#aa5736
```
#aa5736 rgb(170,87,54)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```

Shade Color Variation

#c46843
```
#c46843 rgb(196,104,67)
```
#c87452
```
#c87452 rgb(200,116,82)
```
#cd8061
```
#cd8061 rgb(205,128,97)
```
#d28c6f
```
#d28c6f rgb(210,140,111)
```
#d6987e
```
#d6987e rgb(214,152,126)
```
#dba48d
```
#dba48d rgb(219,164,141)
```
#e0b09c
```
#e0b09c rgb(224,176,156)
```
#e5bcab
```
#e5bcab rgb(229,188,171)
```
#e9c8ba
```
#e9c8ba rgb(233,200,186)
```
#eed4c9
```
#eed4c9 rgb(238,212,201)
```
#f3e0d8
```
#f3e0d8 rgb(243,224,216)
```
#f7ece7
```
#f7ece7 rgb(247,236,231)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#423d3b
```
#423d3b rgb(66,61,59)
```
#473b36
```
#473b36 rgb(71,59,54)
```
#4c3931
```
#4c3931 rgb(76,57,49)
```
#51372c
```
#51372c rgb(81,55,44)
```
#553528
```
#553528 rgb(85,53,40)
```
#5a3323
```
#5a3323 rgb(90,51,35)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#642f19
```
#642f19 rgb(100,47,25)
```
#692d14
```
#692d14 rgb(105,45,20)
```
#6d2b10
```
#6d2b10 rgb(109,43,16)
```
#72290b
```
#72290b rgb(114,41,11)
```
#772706
```
#772706 rgb(119,39,6)
```
#7c2501
```
#7c2501 rgb(124,37,1)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#443b37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d472d Protanopia 1% of men
#564427 Deuteranopia 1% of men
#68393c Tritanopia 0.001% of the population

Trichromacy

#543f28 Protanomaly 1% of men, 0.01% of women
#593d23 Deuteranomaly 6% of men, 0.4% of women
#653631 Tritanomaly 0.01% of the population