#5f316a hex color

In a RGB color space, hex #5f316a is composed of 37.3% red, 19.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 53.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 288.4 degrees, a saturation of 36.8% and a lightness of 30.4%. #5f316a color hex could be obtained by blending #be62d4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 19
- B 42
RGB color chart
- C 10
- M 54
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #5f316a has RGB values of R:95, G:49, B:106 and CMYK values of C:0.1, M:0.54, Y:0, K:0.58. Its decimal value is 6238570.

Hex triplet	5f316a	`#5f316a`
RGB Decimal	95, 49, 106	`rgb(95,49,106)`
RGB Percent	37.3, 19.2, 41.6	`rgb(37.3%,19.2%,41.6%)`
CMYK	10, 54, 0, 58
HSL	288.4°, 36.8, 30.4	`hsl(288.4,36.8%,30.4%)`
HSV (or HSB)	288.4°, 53.8, 41.6
Web Safe	663366	`#663366`

CIE-LAB	28.565, 30.79, -24.791
XYZ	8.419, 5.67, 14.286
xyY	0.297, 0.2, 5.67
CIE-LCH	28.565, 39.53, 321.16
CIE-LUV	28.565, 18.259, -34.908
Hunter-Lab	23.813, 21.436, -18.901
Binary	01011111, 00110001, 01101010

#5f316a
```
#5f316a rgb(95,49,106)
```
#3c6a31
```
#3c6a31 rgb(60,106,49)
```

Complementary Color

#42316a
```
#42316a rgb(66,49,106)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#6a3159
```
#6a3159 rgb(106,49,89)
```

Analogous Color

#316a43
```
#316a43 rgb(49,106,67)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#596a31
```
#596a31 rgb(89,106,49)
```

Split Complementary Color

#316a5f
```
#316a5f rgb(49,106,95)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#6a5f31
```
#6a5f31 rgb(106,95,49)
```

Triadic Color

#313c6a
```
#313c6a rgb(49,60,106)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#6a5f31
```
#6a5f31 rgb(106,95,49)
```
#3c6a31
```
#3c6a31 rgb(60,106,49)
```

Tetradic Color

#301936
```
#301936 rgb(48,25,54)
```
#402147
```
#402147 rgb(64,33,71)
```
#4f2959
```
#4f2959 rgb(79,41,89)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#6f397b
```
#6f397b rgb(111,57,123)
```
#7e418d
```
#7e418d rgb(126,65,141)
```
#8e499e
```
#8e499e rgb(142,73,158)
```

Monochromatic Color

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

#51316a
```
#51316a rgb(81,49,106)
```
#56316a
```
#56316a rgb(86,49,106)
```
#5a316a
```
#5a316a rgb(90,49,106)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#64316a
```
#64316a rgb(100,49,106)
```
#69316a
```
#69316a rgb(105,49,106)
```
#6a3167
```
#6a3167 rgb(106,49,103)
```

Similar Colors

Text with hexadecimal color #5f316a

This text has a font color of #5f316a.

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

#5f316a background color

This paragraph has a background color of #5f316a.

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

#5f316a border color

This element has a border color of #5f316a.

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

CSS codes

.text {color:#5f316a;}

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

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

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, #0b060c is the darkest color, while #fefefe is the lightest one.

#0b060c
```
#0b060c rgb(11,6,12)
```
#170c1a
```
#170c1a rgb(23,12,26)
```
#231227
```
#231227 rgb(35,18,39)
```
#2f1834
```
#2f1834 rgb(47,24,52)
```
#3b1e42
```
#3b1e42 rgb(59,30,66)
```
#47254f
```
#47254f rgb(71,37,79)
```
#532b5d
```
#532b5d rgb(83,43,93)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#6b3777
```
#6b3777 rgb(107,55,119)
```
#773d85
```
#773d85 rgb(119,61,133)
```
#834492
```
#834492 rgb(131,68,146)
```
#8f4aa0
```
#8f4aa0 rgb(143,74,160)
```
#9b50ad
```
#9b50ad rgb(155,80,173)
```

Shade Color Variation

#a35db4
```
#a35db4 rgb(163,93,180)
```
#ab6aba
```
#ab6aba rgb(171,106,186)
```
#b278c0
```
#b278c0 rgb(178,120,192)
```
#ba85c7
```
#ba85c7 rgb(186,133,199)
```
#c292cd
```
#c292cd rgb(194,146,205)
```
#c9a0d3
```
#c9a0d3 rgb(201,160,211)
```
#d1add9
```
#d1add9 rgb(209,173,217)
```
#d8bbdf
```
#d8bbdf rgb(216,187,223)
```
#e0c8e6
```
#e0c8e6 rgb(224,200,230)
```
#e7d5ec
```
#e7d5ec rgb(231,213,236)
```
#efe3f2
```
#efe3f2 rgb(239,227,242)
```
#f7f0f8
```
#f7f0f8 rgb(247,240,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#504952
```
#504952 rgb(80,73,82)
```
#544358
```
#544358 rgb(84,67,88)
```
#583d5e
```
#583d5e rgb(88,61,94)
```
#5b3764
```
#5b3764 rgb(91,55,100)
```
#5f316a
```
#5f316a rgb(95,49,106)
```
#632b70
```
#632b70 rgb(99,43,112)
```
#662576
```
#662576 rgb(102,37,118)
```
#6a1f7c
```
#6a1f7c rgb(106,31,124)
```
#6e1982
```
#6e1982 rgb(110,25,130)
```
#711388
```
#711388 rgb(113,19,136)
```
#750d8e
```
#750d8e rgb(117,13,142)
```
#790794
```
#790794 rgb(121,7,148)
```
#7c019a
```
#7c019a rgb(124,1,154)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4a414c Atypical Achromatopsia 0.001% of the population

Dichromacy

#354b7d Protanopia 1% of men
#3f4c6c Deuteranopia 1% of men
#61454a Tritanopia 0.001% of the population

Trichromacy

#444176 Protanomaly 1% of men, 0.01% of women
#4a426b Deuteranomaly 6% of men, 0.4% of women
#603e56 Tritanomaly 0.01% of the population

#5f316a hex color

#5f316a Color Information

#5f316a Color Conversion

Color Schemes with #5f316a

Alternatives to #5f316a

#5f316a Preview

Shades and Tints of #5f316a

Tones of #5f316a

Color Blindness Simulator