#5f586f hex color

In a RGB color space, hex #5f586f is composed of 37.3% red, 34.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 20.7% magenta, 0% yellow and 56.5% black. It has a hue angle of 258.3 degrees, a saturation of 11.6% and a lightness of 39%. #5f586f color hex could be obtained by blending #beb0de with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 35
- B 44
RGB color chart
- C 14
- M 21
- Y 0
- K 56
CMYK color chart

● #5f586f color description : Very dark grayish violet.

The hexadecimal color #5f586f has RGB values of R:95, G:88, B:111 and CMYK values of C:0.14, M:0.21, Y:0, K:0.56. Its decimal value is 6248559.

Hex triplet	5f586f	`#5f586f`
RGB Decimal	95, 88, 111	`rgb(95,88,111)`
RGB Percent	37.3, 34.5, 43.5	`rgb(37.3%,34.5%,43.5%)`
CMYK	14, 21, 0, 56
HSL	258.3°, 11.6, 39	`hsl(258.3,11.6%,39%)`
HSV (or HSB)	258.3°, 20.7, 43.5
Web Safe	666666	`#666666`

CIE-LAB	38.829, 7.902, -12.079
XYZ	11.078, 10.56, 16.493
xyY	0.291, 0.277, 10.56
CIE-LCH	38.829, 14.434, 303.191
CIE-LUV	38.829, 2.289, -17.302
Hunter-Lab	32.496, 3.981, -7.344
Binary	01011111, 01011000, 01101111

#5f586f
```
#5f586f rgb(95,88,111)
```
#686f58
```
#686f58 rgb(104,111,88)
```

Complementary Color

#585d6f
```
#585d6f rgb(88,93,111)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#6b586f
```
#6b586f rgb(107,88,111)
```

Analogous Color

#5d6f58
```
#5d6f58 rgb(93,111,88)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#6f6b58
```
#6f6b58 rgb(111,107,88)
```

Split Complementary Color

#586f5f
```
#586f5f rgb(88,111,95)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#6f5f58
```
#6f5f58 rgb(111,95,88)
```

Triadic Color

#58686f
```
#58686f rgb(88,104,111)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#6f5f58
```
#6f5f58 rgb(111,95,88)
```
#686f58
```
#686f58 rgb(104,111,88)
```

Tetradic Color

#3a3644
```
#3a3644 rgb(58,54,68)
```
#474153
```
#474153 rgb(71,65,83)
```
#534d61
```
#534d61 rgb(83,77,97)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#6b637d
```
#6b637d rgb(107,99,125)
```
#776f8b
```
#776f8b rgb(119,111,139)
```
#847c97
```
#847c97 rgb(132,124,151)
```

Monochromatic Color

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

#59586f
```
#59586f rgb(89,88,111)
```
#5b586f
```
#5b586f rgb(91,88,111)
```
#5d586f
```
#5d586f rgb(93,88,111)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#61586f
```
#61586f rgb(97,88,111)
```
#63586f
```
#63586f rgb(99,88,111)
```
#65586f
```
#65586f rgb(101,88,111)
```

Similar Colors

Text with hexadecimal color #5f586f

This text has a font color of #5f586f.

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

#5f586f background color

This paragraph has a background color of #5f586f.

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

#5f586f border color

This element has a border color of #5f586f.

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

CSS codes

.text {color:#5f586f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0a0d
```
#0b0a0d rgb(11,10,13)
```
#141317
```
#141317 rgb(20,19,23)
```
#1d1b22
```
#1d1b22 rgb(29,27,34)
```
#27242d
```
#27242d rgb(39,36,45)
```
#302d38
```
#302d38 rgb(48,45,56)
```
#3a3543
```
#3a3543 rgb(58,53,67)
```
#433e4e
```
#433e4e rgb(67,62,78)
```
#4c4759
```
#4c4759 rgb(76,71,89)
```
#564f64
```
#564f64 rgb(86,79,100)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#68617a
```
#68617a rgb(104,97,122)
```
#726985
```
#726985 rgb(114,105,133)
```

Shade Color Variation

#7b728f
```
#7b728f rgb(123,114,143)
```
#857d98
```
#857d98 rgb(133,125,152)
```
#9088a1
```
#9088a1 rgb(144,136,161)
```
#9a93aa
```
#9a93aa rgb(154,147,170)
```
#a49eb2
```
#a49eb2 rgb(164,158,178)
```
#aea9bb
```
#aea9bb rgb(174,169,187)
```
#b9b4c4
```
#b9b4c4 rgb(185,180,196)
```
#c3bfcc
```
#c3bfcc rgb(195,191,204)
```
#cdcad5
```
#cdcad5 rgb(205,202,213)
```
#d7d5de
```
#d7d5de rgb(215,213,222)
```
#e2e0e6
```
#e2e0e6 rgb(226,224,230)
```
#ecebef
```
#ecebef rgb(236,235,239)
```
#f6f6f8
```
#f6f6f8 rgb(246,246,248)
```

Tint Color Variation

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

#626067
```
#626067 rgb(98,96,103)
```
#5f586f
```
#5f586f rgb(95,88,111)
```
#5c5077
```
#5c5077 rgb(92,80,119)
```
#59497e
```
#59497e rgb(89,73,126)
```
#564186
```
#564186 rgb(86,65,134)
```
#53398e
```
#53398e rgb(83,57,142)
```
#503295
```
#503295 rgb(80,50,149)
```
#4d2a9d
```
#4d2a9d rgb(77,42,157)
```
#4a22a5
```
#4a22a5 rgb(74,34,165)
```
#471bac
```
#471bac rgb(71,27,172)
```
#4413b4
```
#4413b4 rgb(68,19,180)
```
#410bbc
```
#410bbc rgb(65,11,188)
```
#3e04c3
```
#3e04c3 rgb(62,4,195)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6377 Protanopia 1% of men
#636176 Deuteranopia 1% of men
#64636a Tritanopia 0.001% of the population

Trichromacy

#5e5f74 Protanomaly 1% of men, 0.01% of women
#625e73 Deuteranomaly 6% of men, 0.4% of women
#625f6b Tritanomaly 0.01% of the population

#5f586f hex color

#5f586f Color Information

#5f586f Color Conversion

Color Schemes with #5f586f

Alternatives to #5f586f

#5f586f Preview

Shades and Tints of #5f586f

Tones of #5f586f

Color Blindness Simulator