#5f4057 hex color

In a RGB color space, hex #5f4057 is composed of 37.3% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 8.4% yellow and 62.7% black. It has a hue angle of 315.5 degrees, a saturation of 19.5% and a lightness of 31.2%. #5f4057 color hex could be obtained by blending #be80ae with #000000. Closest websafe color is: #663366.

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

● #5f4057 color description : Very dark grayish pink.

The hexadecimal color #5f4057 has RGB values of R:95, G:64, B:87 and CMYK values of C:0, M:0.33, Y:0.08, K:0.63. Its decimal value is 6242391.

Hex triplet	5f4057	`#5f4057`
RGB Decimal	95, 64, 87	`rgb(95,64,87)`
RGB Percent	37.3, 25.1, 34.1	`rgb(37.3%,25.1%,34.1%)`
CMYK	0, 33, 8, 63
HSL	315.5°, 19.5, 31.2	`hsl(315.5,19.5%,31.2%)`
HSV (or HSB)	315.5°, 32.6, 37.3
Web Safe	663366	`#663366`

CIE-LAB	31.32, 17.622, -8.32
XYZ	8.273, 6.788, 9.891
xyY	0.332, 0.272, 6.788
CIE-LCH	31.32, 19.488, 334.726
CIE-LUV	31.32, 15.847, -12.715
Hunter-Lab	26.054, 11.084, -4.27
Binary	01011111, 01000000, 01010111

#5f4057
```
#5f4057 rgb(95,64,87)
```
#405f48
```
#405f48 rgb(64,95,72)
```

Complementary Color

#58405f
```
#58405f rgb(88,64,95)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#5f4048
```
#5f4048 rgb(95,64,72)
```

Analogous Color

#405f58
```
#405f58 rgb(64,95,88)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#485f40
```
#485f40 rgb(72,95,64)
```

Split Complementary Color

#40575f
```
#40575f rgb(64,87,95)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#575f40
```
#575f40 rgb(87,95,64)
```

Triadic Color

#48405f
```
#48405f rgb(72,64,95)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#575f40
```
#575f40 rgb(87,95,64)
```
#405f48
```
#405f48 rgb(64,95,72)
```

Tetradic Color

#31212d
```
#31212d rgb(49,33,45)
```
#412b3b
```
#412b3b rgb(65,43,59)
```
#503649
```
#503649 rgb(80,54,73)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#6e4a65
```
#6e4a65 rgb(110,74,101)
```
#7d5573
```
#7d5573 rgb(125,85,115)
```
#8d5f81
```
#8d5f81 rgb(141,95,129)
```

Monochromatic Color

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

#5f405f
```
#5f405f rgb(95,64,95)
```
#5f405c
```
#5f405c rgb(95,64,92)
```
#5f405a
```
#5f405a rgb(95,64,90)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#5f4054
```
#5f4054 rgb(95,64,84)
```
#5f4052
```
#5f4052 rgb(95,64,82)
```
#5f404f
```
#5f404f rgb(95,64,79)
```

Similar Colors

Text with hexadecimal color #5f4057

This text has a font color of #5f4057.

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

#5f4057 background color

This paragraph has a background color of #5f4057.

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

#5f4057 border color

This element has a border color of #5f4057.

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

CSS codes

.text {color:#5f4057;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d090c
```
#0d090c rgb(13,9,12)
```
#191117
```
#191117 rgb(25,17,23)
```
#241921
```
#241921 rgb(36,25,33)
```
#30202c
```
#30202c rgb(48,32,44)
```
#3c2837
```
#3c2837 rgb(60,40,55)
```
#483042
```
#483042 rgb(72,48,66)
```
#53384c
```
#53384c rgb(83,56,76)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#6b4862
```
#6b4862 rgb(107,72,98)
```
#76506c
```
#76506c rgb(118,80,108)
```
#825877
```
#825877 rgb(130,88,119)
```
#8e6082
```
#8e6082 rgb(142,96,130)
```

Shade Color Variation

#99688c
```
#99688c rgb(153,104,140)
```
#a17495
```
#a17495 rgb(161,116,149)
```
#a97f9e
```
#a97f9e rgb(169,127,158)
```
#b18ba7
```
#b18ba7 rgb(177,139,167)
```
#b997b0
```
#b997b0 rgb(185,151,176)
```
#c1a2b9
```
#c1a2b9 rgb(193,162,185)
```
#c9aec2
```
#c9aec2 rgb(201,174,194)
```
#d0bacb
```
#d0bacb rgb(208,186,203)
```
#d8c6d4
```
#d8c6d4 rgb(216,198,212)
```
#e0d1dc
```
#e0d1dc rgb(224,209,220)
```
#e8dde5
```
#e8dde5 rgb(232,221,229)
```
#f0e9ee
```
#f0e9ee rgb(240,233,238)
```
#f8f5f7
```
#f8f5f7 rgb(248,245,247)
```

Tint Color Variation

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

#534c51
```
#534c51 rgb(83,76,81)
```
#594654
```
#594654 rgb(89,70,84)
```
#5f4057
```
#5f4057 rgb(95,64,87)
```
#653a5a
```
#653a5a rgb(101,58,90)
```
#6b345d
```
#6b345d rgb(107,52,93)
```
#712e60
```
#712e60 rgb(113,46,96)
```
#772863
```
#772863 rgb(119,40,99)
```
#7e2166
```
#7e2166 rgb(126,33,102)
```
#841b69
```
#841b69 rgb(132,27,105)
```
#8a156c
```
#8a156c rgb(138,21,108)
```
#900f6f
```
#900f6f rgb(144,15,111)
```
#960972
```
#960972 rgb(150,9,114)
```
#9c0375
```
#9c0375 rgb(156,3,117)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#504a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5264 Protanopia 1% of men
#55515d Deuteranopia 1% of men
#654c51 Tritanopia 0.001% of the population

Trichromacy

#544b5f Protanomaly 1% of men, 0.01% of women
#594a5b Deuteranomaly 6% of men, 0.4% of women
#634853 Tritanomaly 0.01% of the population

#5f4057 hex color

#5f4057 Color Information

#5f4057 Color Conversion

Color Schemes with #5f4057

Alternatives to #5f4057

#5f4057 Preview

Shades and Tints of #5f4057

Tones of #5f4057

Color Blindness Simulator