#5f3a1f hex color

In a RGB color space, hex #5f3a1f is composed of 37.3% red, 22.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.9% magenta, 67.4% yellow and 62.7% black. It has a hue angle of 25.3 degrees, a saturation of 50.8% and a lightness of 24.7%. #5f3a1f color hex could be obtained by blending #be743e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 37
- G 23
- B 12
RGB color chart
- C 0
- M 39
- Y 67
- K 63
CMYK color chart

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

The hexadecimal color #5f3a1f has RGB values of R:95, G:58, B:31 and CMYK values of C:0, M:0.39, Y:0.67, K:0.63. Its decimal value is 6240799.

Hex triplet	5f3a1f	`#5f3a1f`
RGB Decimal	95, 58, 31	`rgb(95,58,31)`
RGB Percent	37.3, 22.7, 12.2	`rgb(37.3%,22.7%,12.2%)`
CMYK	0, 39, 67, 63
HSL	25.3°, 50.8, 24.7	`hsl(25.3,50.8%,24.7%)`
HSV (or HSB)	25.3°, 67.4, 37.3
Web Safe	663333	`#663333`

CIE-LAB	28.27, 13.44, 23.313
XYZ	6.48, 5.558, 2.028
xyY	0.461, 0.395, 5.558
CIE-LCH	28.27, 26.91, 60.038
CIE-LUV	28.27, 26.58, 19.512
Hunter-Lab	23.576, 7.802, 11.404
Binary	01011111, 00111010, 00011111

#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#1f445f
```
#1f445f rgb(31,68,95)
```

Complementary Color

#5f1f24
```
#5f1f24 rgb(95,31,36)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#5f5a1f
```
#5f5a1f rgb(95,90,31)
```

Analogous Color

#1f245f
```
#1f245f rgb(31,36,95)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#1f5f5a
```
#1f5f5a rgb(31,95,90)
```

Split Complementary Color

#3a1f5f
```
#3a1f5f rgb(58,31,95)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#1f5f3a
```
#1f5f3a rgb(31,95,58)
```

Triadic Color

#5f1f44
```
#5f1f44 rgb(95,31,68)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#1f5f3a
```
#1f5f3a rgb(31,95,58)
```
#1f445f
```
#1f445f rgb(31,68,95)
```

Tetradic Color

#25170c
```
#25170c rgb(37,23,12)
```
#392312
```
#392312 rgb(57,35,18)
```
#4c2e19
```
#4c2e19 rgb(76,46,25)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#724625
```
#724625 rgb(114,70,37)
```
#85512c
```
#85512c rgb(133,81,44)
```
#995d32
```
#995d32 rgb(153,93,50)
```

Monochromatic Color

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

#5f2a1f
```
#5f2a1f rgb(95,42,31)
```
#5f2f1f
```
#5f2f1f rgb(95,47,31)
```
#5f351f
```
#5f351f rgb(95,53,31)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#5f3f1f
```
#5f3f1f rgb(95,63,31)
```
#5f451f
```
#5f451f rgb(95,69,31)
```
#5f4a1f
```
#5f4a1f rgb(95,74,31)
```

Similar Colors

Text with hexadecimal color #5f3a1f

This text has a font color of #5f3a1f.

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

#5f3a1f background color

This paragraph has a background color of #5f3a1f.

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

#5f3a1f border color

This element has a border color of #5f3a1f.

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

CSS codes

.text {color:#5f3a1f;}

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

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150d07
```
#150d07 rgb(21,13,7)
```
#24160c
```
#24160c rgb(36,22,12)
```
#331f11
```
#331f11 rgb(51,31,17)
```
#412815
```
#412815 rgb(65,40,21)
```
#50311a
```
#50311a rgb(80,49,26)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#6e4324
```
#6e4324 rgb(110,67,36)
```
#7d4c29
```
#7d4c29 rgb(125,76,41)
```
#8b552d
```
#8b552d rgb(139,85,45)
```
#9a5e32
```
#9a5e32 rgb(154,94,50)
```
#a96737
```
#a96737 rgb(169,103,55)
```
#b8703c
```
#b8703c rgb(184,112,60)
```

Shade Color Variation

#c27a45
```
#c27a45 rgb(194,122,69)
```
#c78454
```
#c78454 rgb(199,132,84)
```
#cc8f63
```
#cc8f63 rgb(204,143,99)
```
#d19a71
```
#d19a71 rgb(209,154,113)
```
#d6a480
```
#d6a480 rgb(214,164,128)
```
#daaf8f
```
#daaf8f rgb(218,175,143)
```
#dfb99e
```
#dfb99e rgb(223,185,158)
```
#e4c4ad
```
#e4c4ad rgb(228,196,173)
```
#e9cfbb
```
#e9cfbb rgb(233,207,187)
```
#eed9ca
```
#eed9ca rgb(238,217,202)
```
#f3e4d9
```
#f3e4d9 rgb(243,228,217)
```
#f7eee8
```
#f7eee8 rgb(247,238,232)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#423f3c
```
#423f3c rgb(66,63,60)
```
#473e37
```
#473e37 rgb(71,62,55)
```
#4c3d32
```
#4c3d32 rgb(76,61,50)
```
#503c2e
```
#503c2e rgb(80,60,46)
```
#553c29
```
#553c29 rgb(85,60,41)
```
#5a3b24
```
#5a3b24 rgb(90,59,36)
```
#5f3a1f
```
#5f3a1f rgb(95,58,31)
```
#64391a
```
#64391a rgb(100,57,26)
```
#693815
```
#693815 rgb(105,56,21)
```
#6e3810
```
#6e3810 rgb(110,56,16)
```
#72370c
```
#72370c rgb(114,55,12)
```
#773607
```
#773607 rgb(119,54,7)
```
#7c3502
```
#7c3502 rgb(124,53,2)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#48403b Atypical Achromatopsia 0.001% of the population

Dichromacy

#534c2d Protanopia 1% of men
#5d4929 Deuteranopia 1% of men
#694145 Tritanopia 0.001% of the population

Trichromacy

#574528 Protanomaly 1% of men, 0.01% of women
#5d4325 Deuteranomaly 6% of men, 0.4% of women
#653e37 Tritanomaly 0.01% of the population

#5f3a1f hex color

#5f3a1f Color Information

#5f3a1f Color Conversion

Color Schemes with #5f3a1f

Alternatives to #5f3a1f

#5f3a1f Preview

Shades and Tints of #5f3a1f

Tones of #5f3a1f

Color Blindness Simulator