#5f4168 hex color

In a RGB color space, hex #5f4168 is composed of 37.3% red, 25.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 37.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 286.2 degrees, a saturation of 23.1% and a lightness of 33.1%. #5f4168 color hex could be obtained by blending #be82d0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 25
- B 41
RGB color chart
- C 9
- M 38
- Y 0
- K 59
CMYK color chart

● #5f4168 color description : Very dark desaturated magenta.

The hexadecimal color #5f4168 has RGB values of R:95, G:65, B:104 and CMYK values of C:0.09, M:0.38, Y:0, K:0.59. Its decimal value is 6242664.

Hex triplet	5f4168	`#5f4168`
RGB Decimal	95, 65, 104	`rgb(95,65,104)`
RGB Percent	37.3, 25.5, 40.8	`rgb(37.3%,25.5%,40.8%)`
CMYK	9, 38, 0, 59
HSL	286.2°, 23.1, 33.1	`hsl(286.2,23.1%,33.1%)`
HSV (or HSB)	286.2°, 37.5, 40.8
Web Safe	663366	`#663366`

CIE-LAB	32.287, 20.669, -17.711
XYZ	9.108, 7.213, 14.008
xyY	0.3, 0.238, 7.213
CIE-LCH	32.287, 27.22, 319.407
CIE-LUV	32.287, 12.934, -25.558
Hunter-Lab	26.857, 13.533, -12.125
Binary	01011111, 01000001, 01101000

#5f4168
```
#5f4168 rgb(95,65,104)
```
#4a6841
```
#4a6841 rgb(74,104,65)
```

Complementary Color

#4c4168
```
#4c4168 rgb(76,65,104)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#68415e
```
#68415e rgb(104,65,94)
```

Analogous Color

#41684c
```
#41684c rgb(65,104,76)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#5e6841
```
#5e6841 rgb(94,104,65)
```

Split Complementary Color

#41685f
```
#41685f rgb(65,104,95)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#685f41
```
#685f41 rgb(104,95,65)
```

Triadic Color

#414a68
```
#414a68 rgb(65,74,104)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#685f41
```
#685f41 rgb(104,95,65)
```
#4a6841
```
#4a6841 rgb(74,104,65)
```

Tetradic Color

#342439
```
#342439 rgb(52,36,57)
```
#422d49
```
#422d49 rgb(66,45,73)
```
#513758
```
#513758 rgb(81,55,88)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#6d4b78
```
#6d4b78 rgb(109,75,120)
```
#7c5587
```
#7c5587 rgb(124,85,135)
```
#8a5e97
```
#8a5e97 rgb(138,94,151)
```

Monochromatic Color

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

#554168
```
#554168 rgb(85,65,104)
```
#594168
```
#594168 rgb(89,65,104)
```
#5c4168
```
#5c4168 rgb(92,65,104)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#624168
```
#624168 rgb(98,65,104)
```
#664168
```
#664168 rgb(102,65,104)
```
#684167
```
#684167 rgb(104,65,103)
```

Similar Colors

Text with hexadecimal color #5f4168

This text has a font color of #5f4168.

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

#5f4168 background color

This paragraph has a background color of #5f4168.

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

#5f4168 border color

This element has a border color of #5f4168.

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

CSS codes

.text {color:#5f4168;}

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

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

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

#070507
```
#070507 rgb(7,5,7)
```
#120c14
```
#120c14 rgb(18,12,20)
```
#1d1420
```
#1d1420 rgb(29,20,32)
```
#281b2c
```
#281b2c rgb(40,27,44)
```
#332338
```
#332338 rgb(51,35,56)
```
#3e2a44
```
#3e2a44 rgb(62,42,68)
```
#493250
```
#493250 rgb(73,50,80)
```
#54395c
```
#54395c rgb(84,57,92)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#6a4974
```
#6a4974 rgb(106,73,116)
```
#755080
```
#755080 rgb(117,80,128)
```
#80588c
```
#80588c rgb(128,88,140)
```
#8b5f98
```
#8b5f98 rgb(139,95,152)
```

Shade Color Variation

#956aa2
```
#956aa2 rgb(149,106,162)
```
#9d76a9
```
#9d76a9 rgb(157,118,169)
```
#a682b1
```
#a682b1 rgb(166,130,177)
```
#ae8eb8
```
#ae8eb8 rgb(174,142,184)
```
#b79ac0
```
#b79ac0 rgb(183,154,192)
```
#c0a6c7
```
#c0a6c7 rgb(192,166,199)
```
#c8b2cf
```
#c8b2cf rgb(200,178,207)
```
#d1bed6
```
#d1bed6 rgb(209,190,214)
```
#d9cade
```
#d9cade rgb(217,202,222)
```
#e2d6e5
```
#e2d6e5 rgb(226,214,229)
```
#ebe2ed
```
#ebe2ed rgb(235,226,237)
```
#f3eef5
```
#f3eef5 rgb(243,238,245)
```
#fcfafc
```
#fcfafc rgb(252,250,252)
```

Tint Color Variation

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

#584e5b
```
#584e5b rgb(88,78,91)
```
#5c4862
```
#5c4862 rgb(92,72,98)
```
#5f4168
```
#5f4168 rgb(95,65,104)
```
#633b6f
```
#633b6f rgb(99,59,111)
```
#663475
```
#663475 rgb(102,52,117)
```
#6a2e7c
```
#6a2e7c rgb(106,46,124)
```
#6d2782
```
#6d2782 rgb(109,39,130)
```
#712189
```
#712189 rgb(113,33,137)
```
#741a8f
```
#741a8f rgb(116,26,143)
```
#781496
```
#781496 rgb(120,20,150)
```
#7b0d9c
```
#7b0d9c rgb(123,13,156)
```
#7f07a3
```
#7f07a3 rgb(127,7,163)
```
#8200a9
```
#8200a9 rgb(130,0,169)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#514b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495476 Protanopia 1% of men
#4f536c Deuteranopia 1% of men
#625056 Tritanopia 0.001% of the population

Trichromacy

#514d71 Protanomaly 1% of men, 0.01% of women
#554d6b Deuteranomaly 6% of men, 0.4% of women
#614a5c Tritanomaly 0.01% of the population

#5f4168 hex color

#5f4168 Color Information

#5f4168 Color Conversion

Color Schemes with #5f4168

Alternatives to #5f4168

#5f4168 Preview

Shades and Tints of #5f4168

Tones of #5f4168

Color Blindness Simulator