#5f312f hex color

In a RGB color space, hex #5f312f is composed of 37.3% red, 19.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 50.5% yellow and 62.7% black. It has a hue angle of 2.5 degrees, a saturation of 33.8% and a lightness of 27.8%. #5f312f color hex could be obtained by blending #be625e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 37
- G 19
- B 18
RGB color chart
- C 0
- M 48
- Y 51
- K 63
CMYK color chart

● #5f312f color description : Very dark desaturated red.

The hexadecimal color #5f312f has RGB values of R:95, G:49, B:47 and CMYK values of C:0, M:0.48, Y:0.51, K:0.63. Its decimal value is 6238511.

Hex triplet	5f312f	`#5f312f`
RGB Decimal	95, 49, 47	`rgb(95,49,47)`
RGB Percent	37.3, 19.2, 18.4	`rgb(37.3%,19.2%,18.4%)`
CMYK	0, 48, 51, 63
HSL	2.5°, 33.8, 27.8	`hsl(2.5,33.8%,27.8%)`
HSV (or HSB)	2.5°, 50.5, 37.3
Web Safe	663333	`#663333`

CIE-LAB	26.26, 20.524, 10.575
XYZ	6.331, 4.835, 3.289
xyY	0.438, 0.334, 4.835
CIE-LCH	26.26, 23.088, 27.259
CIE-LUV	26.26, 29.894, 7.554
Hunter-Lab	21.989, 12.91, 6.524
Binary	01011111, 00110001, 00101111

#5f312f
```
#5f312f rgb(95,49,47)
```
#2f5d5f
```
#2f5d5f rgb(47,93,95)
```

Complementary Color

#5f2f45
```
#5f2f45 rgb(95,47,69)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#5f492f
```
#5f492f rgb(95,73,47)
```

Analogous Color

#2f455f
```
#2f455f rgb(47,69,95)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#2f5f49
```
#2f5f49 rgb(47,95,73)
```

Split Complementary Color

#312f5f
```
#312f5f rgb(49,47,95)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#2f5f31
```
#2f5f31 rgb(47,95,49)
```

Triadic Color

#5f2f5d
```
#5f2f5d rgb(95,47,93)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#2f5f31
```
#2f5f31 rgb(47,95,49)
```
#2f5d5f
```
#2f5d5f rgb(47,93,95)
```

Tetradic Color

#2c1716
```
#2c1716 rgb(44,23,22)
```
#3d1f1e
```
#3d1f1e rgb(61,31,30)
```
#4e2827
```
#4e2827 rgb(78,40,39)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#703a37
```
#703a37 rgb(112,58,55)
```
#814340
```
#814340 rgb(129,67,64)
```
#924b48
```
#924b48 rgb(146,75,72)
```

Monochromatic Color

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

#5f2f39
```
#5f2f39 rgb(95,47,57)
```
#5f2f35
```
#5f2f35 rgb(95,47,53)
```
#5f2f31
```
#5f2f31 rgb(95,47,49)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#5f352f
```
#5f352f rgb(95,53,47)
```
#5f392f
```
#5f392f rgb(95,57,47)
```
#5f3d2f
```
#5f3d2f rgb(95,61,47)
```

Similar Colors

Text with hexadecimal color #5f312f

This text has a font color of #5f312f.

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

#5f312f background color

This paragraph has a background color of #5f312f.

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

#5f312f border color

This element has a border color of #5f312f.

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

CSS codes

.text {color:#5f312f;}

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

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

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

#030202
```
#030202 rgb(3,2,2)
```
#100808
```
#100808 rgb(16,8,8)
```
#1d0f0f
```
#1d0f0f rgb(29,15,15)
```
#2b1615
```
#2b1615 rgb(43,22,21)
```
#381d1c
```
#381d1c rgb(56,29,28)
```
#452322
```
#452322 rgb(69,35,34)
```
#522a29
```
#522a29 rgb(82,42,41)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#6c3835
```
#6c3835 rgb(108,56,53)
```
#793f3c
```
#793f3c rgb(121,63,60)
```
#864542
```
#864542 rgb(134,69,66)
```
#934c49
```
#934c49 rgb(147,76,73)
```
#a1534f
```
#a1534f rgb(161,83,79)
```

Shade Color Variation

#ac5b58
```
#ac5b58 rgb(172,91,88)
```
#b36865
```
#b36865 rgb(179,104,101)
```
#b97572
```
#b97572 rgb(185,117,114)
```
#c0827f
```
#c0827f rgb(192,130,127)
```
#c68e8c
```
#c68e8c rgb(198,142,140)
```
#cd9b99
```
#cd9b99 rgb(205,155,153)
```
#d3a8a6
```
#d3a8a6 rgb(211,168,166)
```
#dab5b3
```
#dab5b3 rgb(218,181,179)
```
#e0c2c1
```
#e0c2c1 rgb(224,194,193)
```
#e7cfce
```
#e7cfce rgb(231,207,206)
```
#eddcdb
```
#eddcdb rgb(237,220,219)
```
#f4e8e8
```
#f4e8e8 rgb(244,232,232)
```
#faf5f5
```
#faf5f5 rgb(250,245,245)
```

Tint Color Variation

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

#494545
```
#494545 rgb(73,69,69)
```
#4f403f
```
#4f403f rgb(79,64,63)
```
#543b3a
```
#543b3a rgb(84,59,58)
```
#5a3634
```
#5a3634 rgb(90,54,52)
```
#5f312f
```
#5f312f rgb(95,49,47)
```
#642c2a
```
#642c2a rgb(100,44,42)
```
#6a2724
```
#6a2724 rgb(106,39,36)
```
#6f221f
```
#6f221f rgb(111,34,31)
```
#751d19
```
#751d19 rgb(117,29,25)
```
#7a1814
```
#7a1814 rgb(122,24,20)
```
#80130e
```
#80130e rgb(128,19,14)
```
#850e09
```
#850e09 rgb(133,14,9)
```
#8b0903
```
#8b0903 rgb(139,9,3)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#453c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b473f Protanopia 1% of men
#544537 Deuteranopia 1% of men
#673a3e Tritanopia 0.001% of the population

Trichromacy

#523f39 Protanomaly 1% of men, 0.01% of women
#583d34 Deuteranomaly 6% of men, 0.4% of women
#643739 Tritanomaly 0.01% of the population

#5f312f hex color

#5f312f Color Information

#5f312f Color Conversion

Color Schemes with #5f312f

Alternatives to #5f312f

#5f312f Preview

Shades and Tints of #5f312f

Tones of #5f312f

Color Blindness Simulator