#5f3996 hex color

In a RGB color space, hex #5f3996 is composed of 37.3% red, 22.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 62% magenta, 0% yellow and 41.2% black. It has a hue angle of 264.5 degrees, a saturation of 44.9% and a lightness of 40.6%. #5f3996 color hex could be obtained by blending #be72ff with #00002d. Closest websafe color is: #663399.

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

● #5f3996 color description : Dark moderate violet.

The hexadecimal color #5f3996 has RGB values of R:95, G:57, B:150 and CMYK values of C:0.37, M:0.62, Y:0, K:0.41. Its decimal value is 6240662.

Hex triplet	5f3996	`#5f3996`
RGB Decimal	95, 57, 150	`rgb(95,57,150)`
RGB Percent	37.3, 22.4, 58.8	`rgb(37.3%,22.4%,58.8%)`
CMYK	37, 62, 0, 41
HSL	264.5°, 44.9, 40.6	`hsl(264.5,44.9%,40.6%)`
HSV (or HSB)	264.5°, 62, 58.8
Web Safe	663399	`#663399`

CIE-LAB	33.052, 37.199, -45.129
XYZ	11.687, 7.561, 29.696
xyY	0.239, 0.154, 7.561
CIE-LCH	33.052, 58.485, 309.498
CIE-LUV	33.052, 8.767, -64.721
Hunter-Lab	27.498, 27.742, -44.782
Binary	01011111, 00111001, 10010110

#5f3996
```
#5f3996 rgb(95,57,150)
```
#709639
```
#709639 rgb(112,150,57)
```

Complementary Color

#394296
```
#394296 rgb(57,66,150)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#8e3996
```
#8e3996 rgb(142,57,150)
```

Analogous Color

#429639
```
#429639 rgb(66,150,57)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#968e39
```
#968e39 rgb(150,142,57)
```

Split Complementary Color

#39965f
```
#39965f rgb(57,150,95)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#965f39
```
#965f39 rgb(150,95,57)
```

Triadic Color

#397096
```
#397096 rgb(57,112,150)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#965f39
```
#965f39 rgb(150,95,57)
```
#709639
```
#709639 rgb(112,150,57)
```

Tetradic Color

#3c245f
```
#3c245f rgb(60,36,95)
```
#482b71
```
#482b71 rgb(72,43,113)
```
#533284
```
#533284 rgb(83,50,132)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#6b40a8
```
#6b40a8 rgb(107,64,168)
```
#7748ba
```
#7748ba rgb(119,72,186)
```
#845bc1
```
#845bc1 rgb(132,91,193)
```

Monochromatic Color

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

#483996
```
#483996 rgb(72,57,150)
```
#4f3996
```
#4f3996 rgb(79,57,150)
```
#573996
```
#573996 rgb(87,57,150)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#673996
```
#673996 rgb(103,57,150)
```
#6f3996
```
#6f3996 rgb(111,57,150)
```
#763996
```
#763996 rgb(118,57,150)
```

Similar Colors

Text with hexadecimal color #5f3996

This text has a font color of #5f3996.

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

#5f3996 background color

This paragraph has a background color of #5f3996.

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

#5f3996 border color

This element has a border color of #5f3996.

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

CSS codes

.text {color:#5f3996;}

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

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

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

#050308
```
#050308 rgb(5,3,8)
```
#0e0816
```
#0e0816 rgb(14,8,22)
```
#170e24
```
#170e24 rgb(23,14,36)
```
#201333
```
#201333 rgb(32,19,51)
```
#291941
```
#291941 rgb(41,25,65)
```
#321e4f
```
#321e4f rgb(50,30,79)
```
#3b235d
```
#3b235d rgb(59,35,93)
```
#44296b
```
#44296b rgb(68,41,107)
```
#4d2e7a
```
#4d2e7a rgb(77,46,122)
```
#563488
```
#563488 rgb(86,52,136)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#683ea4
```
#683ea4 rgb(104,62,164)
```
#7144b2
```
#7144b2 rgb(113,68,178)
```

Shade Color Variation

#7b4ebc
```
#7b4ebc rgb(123,78,188)
```
#865cc1
```
#865cc1 rgb(134,92,193)
```
#906bc7
```
#906bc7 rgb(144,107,199)
```
#9b79cc
```
#9b79cc rgb(155,121,204)
```
#a587d1
```
#a587d1 rgb(165,135,209)
```
#b095d7
```
#b095d7 rgb(176,149,215)
```
#bba3dc
```
#bba3dc rgb(187,163,220)
```
#c5b2e2
```
#c5b2e2 rgb(197,178,226)
```
#d0c0e7
```
#d0c0e7 rgb(208,192,231)
```
#daceec
```
#daceec rgb(218,206,236)
```
#e5dcf2
```
#e5dcf2 rgb(229,220,242)
```
#f0eaf7
```
#f0eaf7 rgb(240,234,247)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66616e is the less saturated color, while #5501ce is the most saturated one.

#66616e
```
#66616e rgb(102,97,110)
```
#655976
```
#655976 rgb(101,89,118)
```
#63517e
```
#63517e rgb(99,81,126)
```
#624986
```
#624986 rgb(98,73,134)
```
#60418e
```
#60418e rgb(96,65,142)
```
#5f3996
```
#5f3996 rgb(95,57,150)
```
#5e319e
```
#5e319e rgb(94,49,158)
```
#5c29a6
```
#5c29a6 rgb(92,41,166)
```
#5b21ae
```
#5b21ae rgb(91,33,174)
```
#5919b6
```
#5919b6 rgb(89,25,182)
```
#5811be
```
#5811be rgb(88,17,190)
```
#5609c6
```
#5609c6 rgb(86,9,198)
```
#5501ce
```
#5501ce rgb(85,1,206)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#524b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005893 Deuteranopia 1% of men
#57565c Tritanopia 0.001% of the population

Trichromacy

#224a9f Protanomaly 1% of men, 0.01% of women
#224c94 Deuteranomaly 6% of men, 0.4% of women
#5a4b71 Tritanomaly 0.01% of the population

#5f3996 hex color

#5f3996 Color Information

#5f3996 Color Conversion

Color Schemes with #5f3996

Alternatives to #5f3996

#5f3996 Preview

Shades and Tints of #5f3996

Tones of #5f3996

Color Blindness Simulator