#5f322a hex color

In a RGB color space, hex #5f322a is composed of 37.3% red, 19.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.4% magenta, 55.8% yellow and 62.7% black. It has a hue angle of 9.1 degrees, a saturation of 38.7% and a lightness of 26.9%. #5f322a color hex could be obtained by blending #be6454 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 37
- G 20
- B 16
RGB color chart
- C 0
- M 47
- Y 56
- K 63
CMYK color chart

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

The hexadecimal color #5f322a has RGB values of R:95, G:50, B:42 and CMYK values of C:0, M:0.47, Y:0.56, K:0.63. Its decimal value is 6238762.

Hex triplet	5f322a	`#5f322a`
RGB Decimal	95, 50, 42	`rgb(95,50,42)`
RGB Percent	37.3, 19.6, 16.5	`rgb(37.3%,19.6%,16.5%)`
CMYK	0, 47, 56, 63
HSL	9.1°, 38.7, 26.9	`hsl(9.1,38.7%,26.9%)`
HSV (or HSB)	9.1°, 55.8, 37.3
Web Safe	663333	`#663333`

CIE-LAB	26.395, 19.376, 14.048
XYZ	6.278, 4.882, 2.802
xyY	0.45, 0.35, 4.882
CIE-LCH	26.395, 23.933, 35.942
CIE-LUV	26.395, 30.132, 10.789
Hunter-Lab	22.095, 12.053, 7.947
Binary	01011111, 00110010, 00101010

#5f322a
```
#5f322a rgb(95,50,42)
```
#2a575f
```
#2a575f rgb(42,87,95)
```

Complementary Color

#5f2a3d
```
#5f2a3d rgb(95,42,61)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#5f4d2a
```
#5f4d2a rgb(95,77,42)
```

Analogous Color

#2a3d5f
```
#2a3d5f rgb(42,61,95)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#2a5f4d
```
#2a5f4d rgb(42,95,77)
```

Split Complementary Color

#322a5f
```
#322a5f rgb(50,42,95)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#2a5f32
```
#2a5f32 rgb(42,95,50)
```

Triadic Color

#5f2a57
```
#5f2a57 rgb(95,42,87)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#2a5f32
```
#2a5f32 rgb(42,95,50)
```
#2a575f
```
#2a575f rgb(42,87,95)
```

Tetradic Color

#2a1613
```
#2a1613 rgb(42,22,19)
```
#3c1f1a
```
#3c1f1a rgb(60,31,26)
```
#4d2922
```
#4d2922 rgb(77,41,34)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#713b32
```
#713b32 rgb(113,59,50)
```
#82453a
```
#82453a rgb(130,69,58)
```
#944e41
```
#944e41 rgb(148,78,65)
```

Monochromatic Color

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

#5f2a2f
```
#5f2a2f rgb(95,42,47)
```
#5f2a2b
```
#5f2a2b rgb(95,42,43)
```
#5f2e2a
```
#5f2e2a rgb(95,46,42)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#5f362a
```
#5f362a rgb(95,54,42)
```
#5f3b2a
```
#5f3b2a rgb(95,59,42)
```
#5f3f2a
```
#5f3f2a rgb(95,63,42)
```

Similar Colors

Text with hexadecimal color #5f322a

This text has a font color of #5f322a.

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

#5f322a background color

This paragraph has a background color of #5f322a.

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

#5f322a border color

This element has a border color of #5f322a.

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

CSS codes

.text {color:#5f322a;}

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

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

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

#0d0706
```
#0d0706 rgb(13,7,6)
```
#1b0e0c
```
#1b0e0c rgb(27,14,12)
```
#291512
```
#291512 rgb(41,21,18)
```
#361d18
```
#361d18 rgb(54,29,24)
```
#44241e
```
#44241e rgb(68,36,30)
```
#512b24
```
#512b24 rgb(81,43,36)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#6d3930
```
#6d3930 rgb(109,57,48)
```
#7a4036
```
#7a4036 rgb(122,64,54)
```
#88473c
```
#88473c rgb(136,71,60)
```
#954f42
```
#954f42 rgb(149,79,66)
```
#a35648
```
#a35648 rgb(163,86,72)
```
#b15d4e
```
#b15d4e rgb(177,93,78)
```

Shade Color Variation

#b7695c
```
#b7695c rgb(183,105,92)
```
#bd7669
```
#bd7669 rgb(189,118,105)
```
#c38277
```
#c38277 rgb(195,130,119)
```
#c98f84
```
#c98f84 rgb(201,143,132)
```
#cf9b92
```
#cf9b92 rgb(207,155,146)
```
#d5a8a0
```
#d5a8a0 rgb(213,168,160)
```
#dbb4ad
```
#dbb4ad rgb(219,180,173)
```
#e1c1bb
```
#e1c1bb rgb(225,193,187)
```
#e7cdc8
```
#e7cdc8 rgb(231,205,200)
```
#edd9d6
```
#edd9d6 rgb(237,217,214)
```
#f3e6e4
```
#f3e6e4 rgb(243,230,228)
```
#f9f2f1
```
#f9f2f1 rgb(249,242,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#454444
```
#454444 rgb(69,68,68)
```
#4a413f
```
#4a413f rgb(74,65,63)
```
#4f3d3a
```
#4f3d3a rgb(79,61,58)
```
#543935
```
#543935 rgb(84,57,53)
```
#5a362f
```
#5a362f rgb(90,54,47)
```
#5f322a
```
#5f322a rgb(95,50,42)
```
#642e25
```
#642e25 rgb(100,46,37)
```
#6a2b1f
```
#6a2b1f rgb(106,43,31)
```
#6f271a
```
#6f271a rgb(111,39,26)
```
#742315
```
#742315 rgb(116,35,21)
```
#792010
```
#792010 rgb(121,32,16)
```
#7f1c0a
```
#7f1c0a rgb(127,28,10)
```
#841805
```
#841805 rgb(132,24,5)
```

Tone Color Variation

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

Dichromacy

#4c4839 Protanopia 1% of men
#564532 Deuteranopia 1% of men
#683b3f Tritanopia 0.001% of the population

Trichromacy

#534034 Protanomaly 1% of men, 0.01% of women
#593e2f Deuteranomaly 6% of men, 0.4% of women
#643737 Tritanomaly 0.01% of the population

#5f322a hex color

#5f322a Color Information

#5f322a Color Conversion

Color Schemes with #5f322a

Alternatives to #5f322a

#5f322a Preview

Shades and Tints of #5f322a

Tones of #5f322a

Color Blindness Simulator