#5f3f86 hex color

In a RGB color space, hex #5f3f86 is composed of 37.3% red, 24.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 53% magenta, 0% yellow and 47.5% black. It has a hue angle of 267 degrees, a saturation of 36% and a lightness of 38.6%. #5f3f86 color hex could be obtained by blending #be7eff with #00000d. Closest websafe color is: #663399.

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

● #5f3f86 color description : Dark moderate violet.

The hexadecimal color #5f3f86 has RGB values of R:95, G:63, B:134 and CMYK values of C:0.29, M:0.53, Y:0, K:0.47. Its decimal value is 6242182.

Hex triplet	5f3f86	`#5f3f86`
RGB Decimal	95, 63, 134	`rgb(95,63,134)`
RGB Percent	37.3, 24.7, 52.5	`rgb(37.3%,24.7%,52.5%)`
CMYK	29, 53, 0, 47
HSL	267°, 36, 38.6	`hsl(267,36%,38.6%)`
HSV (or HSB)	267°, 53, 52.5
Web Safe	663399	`#663399`

CIE-LAB	33.37, 29.369, -34.8
XYZ	10.799, 7.709, 23.472
xyY	0.257, 0.184, 7.709
CIE-LCH	33.37, 45.537, 310.163
CIE-LUV	33.37, 9.369, -50.268
Hunter-Lab	27.765, 20.837, -30.686
Binary	01011111, 00111111, 10000110

#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#66863f
```
#66863f rgb(102,134,63)
```

Complementary Color

#3f4386
```
#3f4386 rgb(63,67,134)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#833f86
```
#833f86 rgb(131,63,134)
```

Analogous Color

#43863f
```
#43863f rgb(67,134,63)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#86833f
```
#86833f rgb(134,131,63)
```

Split Complementary Color

#3f865f
```
#3f865f rgb(63,134,95)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#865f3f
```
#865f3f rgb(134,95,63)
```

Triadic Color

#3f6686
```
#3f6686 rgb(63,102,134)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#865f3f
```
#865f3f rgb(134,95,63)
```
#66863f
```
#66863f rgb(102,134,63)
```

Tetradic Color

#3a2752
```
#3a2752 rgb(58,39,82)
```
#462f63
```
#462f63 rgb(70,47,99)
```
#533775
```
#533775 rgb(83,55,117)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#6b4797
```
#6b4797 rgb(107,71,151)
```
#784fa9
```
#784fa9 rgb(120,79,169)
```
#855eb3
```
#855eb3 rgb(133,94,179)
```

Monochromatic Color

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

#4d3f86
```
#4d3f86 rgb(77,63,134)
```
#533f86
```
#533f86 rgb(83,63,134)
```
#593f86
```
#593f86 rgb(89,63,134)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#653f86
```
#653f86 rgb(101,63,134)
```
#6b3f86
```
#6b3f86 rgb(107,63,134)
```
#713f86
```
#713f86 rgb(113,63,134)
```

Similar Colors

Text with hexadecimal color #5f3f86

This text has a font color of #5f3f86.

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

#5f3f86 background color

This paragraph has a background color of #5f3f86.

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

#5f3f86 border color

This element has a border color of #5f3f86.

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

CSS codes

.text {color:#5f3f86;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a070e
```
#0a070e rgb(10,7,14)
```
#130d1b
```
#130d1b rgb(19,13,27)
```
#1d1329
```
#1d1329 rgb(29,19,41)
```
#261936
```
#261936 rgb(38,25,54)
```
#302043
```
#302043 rgb(48,32,67)
```
#392651
```
#392651 rgb(57,38,81)
```
#432c5e
```
#432c5e rgb(67,44,94)
```
#4c326b
```
#4c326b rgb(76,50,107)
```
#563979
```
#563979 rgb(86,57,121)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#684593
```
#684593 rgb(104,69,147)
```
#724ca1
```
#724ca1 rgb(114,76,161)
```

Shade Color Variation

#7b52ae
```
#7b52ae rgb(123,82,174)
```
#865fb4
```
#865fb4 rgb(134,95,180)
```
#906dba
```
#906dba rgb(144,109,186)
```
#9a7ac1
```
#9a7ac1 rgb(154,122,193)
```
#a487c7
```
#a487c7 rgb(164,135,199)
```
#ae95cd
```
#ae95cd rgb(174,149,205)
```
#b8a2d3
```
#b8a2d3 rgb(184,162,211)
```
#c3b0da
```
#c3b0da rgb(195,176,218)
```
#cdbde0
```
#cdbde0 rgb(205,189,224)
```
#d7cae6
```
#d7cae6 rgb(215,202,230)
```
#e1d8ec
```
#e1d8ec rgb(225,216,236)
```
#ebe5f3
```
#ebe5f3 rgb(235,229,243)
```
#f5f2f9
```
#f5f2f9 rgb(245,242,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625d68 is the less saturated color, while #5902c3 is the most saturated one.

#625d68
```
#625d68 rgb(98,93,104)
```
#61566f
```
#61566f rgb(97,86,111)
```
#604e77
```
#604e77 rgb(96,78,119)
```
#60477e
```
#60477e rgb(96,71,126)
```
#5f3f86
```
#5f3f86 rgb(95,63,134)
```
#5e378e
```
#5e378e rgb(94,55,142)
```
#5e3095
```
#5e3095 rgb(94,48,149)
```
#5d289d
```
#5d289d rgb(93,40,157)
```
#5c21a4
```
#5c21a4 rgb(92,33,164)
```
#5b19ac
```
#5b19ac rgb(91,25,172)
```
#5b12b3
```
#5b12b3 rgb(91,18,179)
```
#5a0abb
```
#5a0abb rgb(90,10,187)
```
#5902c3
```
#5902c3 rgb(89,2,195)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#544d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#345596 Protanopia 1% of men
#395786 Deuteranopia 1% of men
#5c555b Tritanopia 0.001% of the population

Trichromacy

#434d90 Protanomaly 1% of men, 0.01% of women
#464e86 Deuteranomaly 6% of men, 0.4% of women
#5d4d6b Tritanomaly 0.01% of the population

#5f3f86 hex color

#5f3f86 Color Information

#5f3f86 Color Conversion

Color Schemes with #5f3f86

Alternatives to #5f3f86

#5f3f86 Preview

Shades and Tints of #5f3f86

Tones of #5f3f86

Color Blindness Simulator