#5f3177 hex color

In a RGB color space, hex #5f3177 is composed of 37.3% red, 19.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 58.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 279.4 degrees, a saturation of 41.7% and a lightness of 32.9%. #5f3177 color hex could be obtained by blending #be62ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 37
- G 19
- B 47
RGB color chart
- C 20
- M 59
- Y 0
- K 53
CMYK color chart

● #5f3177 color description : Dark moderate violet.

The hexadecimal color #5f3177 has RGB values of R:95, G:49, B:119 and CMYK values of C:0.2, M:0.59, Y:0, K:0.53. Its decimal value is 6238583.

Hex triplet	5f3177	`#5f3177`
RGB Decimal	95, 49, 119	`rgb(95,49,119)`
RGB Percent	37.3, 19.2, 46.7	`rgb(37.3%,19.2%,46.7%)`
CMYK	20, 59, 0, 53
HSL	279.4°, 41.7, 32.9	`hsl(279.4,41.7%,32.9%)`
HSV (or HSB)	279.4°, 58.8, 46.7
Web Safe	663366	`#663366`

CIE-LAB	29.316, 33.805, -31.88
XYZ	9.147, 5.962, 18.121
xyY	0.275, 0.179, 5.962
CIE-LCH	29.316, 46.466, 316.678
CIE-LUV	29.316, 15.777, -44.779
Hunter-Lab	24.417, 24.141, -26.91
Binary	01011111, 00110001, 01110111

#5f3177
```
#5f3177 rgb(95,49,119)
```
#497731
```
#497731 rgb(73,119,49)
```

Complementary Color

#3c3177
```
#3c3177 rgb(60,49,119)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#77316c
```
#77316c rgb(119,49,108)
```

Analogous Color

#31773c
```
#31773c rgb(49,119,60)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#6c7731
```
#6c7731 rgb(108,119,49)
```

Split Complementary Color

#31775f
```
#31775f rgb(49,119,95)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#775f31
```
#775f31 rgb(119,95,49)
```

Triadic Color

#314977
```
#314977 rgb(49,73,119)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#775f31
```
#775f31 rgb(119,95,49)
```
#497731
```
#497731 rgb(73,119,49)
```

Tetradic Color

#341b41
```
#341b41 rgb(52,27,65)
```
#422253
```
#422253 rgb(66,34,83)
```
#512a65
```
#512a65 rgb(81,42,101)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#6d3889
```
#6d3889 rgb(109,56,137)
```
#7c409b
```
#7c409b rgb(124,64,155)
```
#8a47ad
```
#8a47ad rgb(138,71,173)
```

Monochromatic Color

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

#4e3177
```
#4e3177 rgb(78,49,119)
```
#533177
```
#533177 rgb(83,49,119)
```
#593177
```
#593177 rgb(89,49,119)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#653177
```
#653177 rgb(101,49,119)
```
#6b3177
```
#6b3177 rgb(107,49,119)
```
#713177
```
#713177 rgb(113,49,119)
```

Similar Colors

Text with hexadecimal color #5f3177

This text has a font color of #5f3177.

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

#5f3177 background color

This paragraph has a background color of #5f3177.

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

#5f3177 border color

This element has a border color of #5f3177.

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

CSS codes

.text {color:#5f3177;}

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

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

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

#060308
```
#060308 rgb(6,3,8)
```
#110916
```
#110916 rgb(17,9,22)
```
#1c0f24
```
#1c0f24 rgb(28,15,36)
```
#281432
```
#281432 rgb(40,20,50)
```
#331a3f
```
#331a3f rgb(51,26,63)
```
#3e204d
```
#3e204d rgb(62,32,77)
```
#49265b
```
#49265b rgb(73,38,91)
```
#542b69
```
#542b69 rgb(84,43,105)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#6a3785
```
#6a3785 rgb(106,55,133)
```
#753c93
```
#753c93 rgb(117,60,147)
```
#8042a1
```
#8042a1 rgb(128,66,161)
```
#8b48af
```
#8b48af rgb(139,72,175)
```

Shade Color Variation

#9552b8
```
#9552b8 rgb(149,82,184)
```
#9e60be
```
#9e60be rgb(158,96,190)
```
#a66ec3
```
#a66ec3 rgb(166,110,195)
```
#af7cc9
```
#af7cc9 rgb(175,124,201)
```
#b78acf
```
#b78acf rgb(183,138,207)
```
#c098d4
```
#c098d4 rgb(192,152,212)
```
#c8a6da
```
#c8a6da rgb(200,166,218)
```
#d1b3e0
```
#d1b3e0 rgb(209,179,224)
```
#d9c1e6
```
#d9c1e6 rgb(217,193,230)
```
#e2cfeb
```
#e2cfeb rgb(226,207,235)
```
#eaddf1
```
#eaddf1 rgb(234,221,241)
```
#f3ebf7
```
#f3ebf7 rgb(243,235,247)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

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

#555157
```
#555157 rgb(85,81,87)
```
#574b5d
```
#574b5d rgb(87,75,93)
```
#594464
```
#594464 rgb(89,68,100)
```
#5b3e6a
```
#5b3e6a rgb(91,62,106)
```
#5d3771
```
#5d3771 rgb(93,55,113)
```
#5f3177
```
#5f3177 rgb(95,49,119)
```
#612b7d
```
#612b7d rgb(97,43,125)
```
#632484
```
#632484 rgb(99,36,132)
```
#651e8a
```
#651e8a rgb(101,30,138)
```
#671791
```
#671791 rgb(103,23,145)
```
#691197
```
#691197 rgb(105,17,151)
```
#6b0a9e
```
#6b0a9e rgb(107,10,158)
```
#6d04a4
```
#6d04a4 rgb(109,4,164)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4c4351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284c8c Protanopia 1% of men
#354e77 Deuteranopia 1% of men
#5e494e Tritanopia 0.001% of the population

Trichromacy

#3c4284 Protanomaly 1% of men, 0.01% of women
#444477 Deuteranomaly 6% of men, 0.4% of women
#5e405d Tritanomaly 0.01% of the population

#5f3177 hex color

#5f3177 Color Information

#5f3177 Color Conversion

Color Schemes with #5f3177

Alternatives to #5f3177

#5f3177 Preview

Shades and Tints of #5f3177

Tones of #5f3177

Color Blindness Simulator