#5f5742 hex color

In a RGB color space, hex #5f5742 is composed of 37.3% red, 34.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 30.5% yellow and 62.7% black. It has a hue angle of 43.4 degrees, a saturation of 18% and a lightness of 31.6%. #5f5742 color hex could be obtained by blending #beae84 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 34
- B 26
RGB color chart
- C 0
- M 8
- Y 31
- K 63
CMYK color chart

● #5f5742 color description : Very dark grayish orange.

The hexadecimal color #5f5742 has RGB values of R:95, G:87, B:66 and CMYK values of C:0, M:0.08, Y:0.31, K:0.63. Its decimal value is 6248258.

Hex triplet	5f5742	`#5f5742`
RGB Decimal	95, 87, 66	`rgb(95,87,66)`
RGB Percent	37.3, 34.1, 25.9	`rgb(37.3%,34.1%,25.9%)`
CMYK	0, 8, 31, 63
HSL	43.4°, 18, 31.6	`hsl(43.4,18%,31.6%)`
HSV (or HSB)	43.4°, 30.5, 37.3
Web Safe	666633	`#666633`

CIE-LAB	37.194, -0.455, 13.406
XYZ	9.111, 9.643, 6.535
xyY	0.36, 0.381, 9.643
CIE-LCH	37.194, 13.414, 91.943
CIE-LUV	37.194, 5.985, 15.605
Hunter-Lab	31.053, -1.971, 9.259
Binary	01011111, 01010111, 01000010

#5f5742
```
#5f5742 rgb(95,87,66)
```
#424a5f
```
#424a5f rgb(66,74,95)
```

Complementary Color

#5f4942
```
#5f4942 rgb(95,73,66)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#595f42
```
#595f42 rgb(89,95,66)
```

Analogous Color

#49425f
```
#49425f rgb(73,66,95)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#42595f
```
#42595f rgb(66,89,95)
```

Split Complementary Color

#57425f
```
#57425f rgb(87,66,95)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#425f57
```
#425f57 rgb(66,95,87)
```

Triadic Color

#5f424a
```
#5f424a rgb(95,66,74)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#425f57
```
#425f57 rgb(66,95,87)
```
#424a5f
```
#424a5f rgb(66,74,95)
```

Tetradic Color

#322e23
```
#322e23 rgb(50,46,35)
```
#413b2d
```
#413b2d rgb(65,59,45)
```
#504938
```
#504938 rgb(80,73,56)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#6e654c
```
#6e654c rgb(110,101,76)
```
#7d7357
```
#7d7357 rgb(125,115,87)
```
#8c8061
```
#8c8061 rgb(140,128,97)
```

Monochromatic Color

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

#5f5042
```
#5f5042 rgb(95,80,66)
```
#5f5242
```
#5f5242 rgb(95,82,66)
```
#5f5542
```
#5f5542 rgb(95,85,66)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#5f5942
```
#5f5942 rgb(95,89,66)
```
#5f5c42
```
#5f5c42 rgb(95,92,66)
```
#5f5e42
```
#5f5e42 rgb(95,94,66)
```

Similar Colors

Text with hexadecimal color #5f5742

This text has a font color of #5f5742.

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

#5f5742 background color

This paragraph has a background color of #5f5742.

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

#5f5742 border color

This element has a border color of #5f5742.

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

CSS codes

.text {color:#5f5742;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0e0d0a
```
#0e0d0a rgb(14,13,10)
```
#1a1712
```
#1a1712 rgb(26,23,18)
```
#25221a
```
#25221a rgb(37,34,26)
```
#312d22
```
#312d22 rgb(49,45,34)
```
#3c372a
```
#3c372a rgb(60,55,42)
```
#484232
```
#484232 rgb(72,66,50)
```
#534c3a
```
#534c3a rgb(83,76,58)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#6b624a
```
#6b624a rgb(107,98,74)
```
#766c52
```
#766c52 rgb(118,108,82)
```
#82775a
```
#82775a rgb(130,119,90)
```
#8d8162
```
#8d8162 rgb(141,129,98)
```

Shade Color Variation

#988c6b
```
#988c6b rgb(152,140,107)
```
#a09577
```
#a09577 rgb(160,149,119)
```
#a89e82
```
#a89e82 rgb(168,158,130)
```
#b0a78e
```
#b0a78e rgb(176,167,142)
```
#b8b099
```
#b8b099 rgb(184,176,153)
```
#c0b9a5
```
#c0b9a5 rgb(192,185,165)
```
#c8c2b0
```
#c8c2b0 rgb(200,194,176)
```
#d0cbbc
```
#d0cbbc rgb(208,203,188)
```
#d8d4c8
```
#d8d4c8 rgb(216,212,200)
```
#e1ddd3
```
#e1ddd3 rgb(225,221,211)
```
#e9e6df
```
#e9e6df rgb(233,230,223)
```
#f1efea
```
#f1efea rgb(241,239,234)
```
#f9f8f6
```
#f9f8f6 rgb(249,248,246)
```

Tint Color Variation

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

#53514e
```
#53514e rgb(83,81,78)
```
#595448
```
#595448 rgb(89,84,72)
```
#5f5742
```
#5f5742 rgb(95,87,66)
```
#655a3c
```
#655a3c rgb(101,90,60)
```
#6b5d36
```
#6b5d36 rgb(107,93,54)
```
#725f2f
```
#725f2f rgb(114,95,47)
```
#786229
```
#786229 rgb(120,98,41)
```
#7e6523
```
#7e6523 rgb(126,101,35)
```
#84681d
```
#84681d rgb(132,104,29)
```
#8a6a17
```
#8a6a17 rgb(138,106,23)
```
#916d10
```
#916d10 rgb(145,109,16)
```
#97700a
```
#97700a rgb(151,112,10)
```
#9d7304
```
#9d7304 rgb(157,115,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#595753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66604b Protanopia 1% of men
#6f5c4c Deuteranopia 1% of men
#6a5c63 Tritanopia 0.001% of the population

Trichromacy

#635c48 Protanomaly 1% of men, 0.01% of women
#695a48 Deuteranomaly 6% of men, 0.4% of women
#665a57 Tritanomaly 0.01% of the population

#5f5742 hex color

#5f5742 Color Information

#5f5742 Color Conversion

Color Schemes with #5f5742

Alternatives to #5f5742

#5f5742 Preview

Shades and Tints of #5f5742

Tones of #5f5742

Color Blindness Simulator