#5b3996 hex color

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

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

● #5b3996 color description : Dark moderate violet.

The hexadecimal color #5b3996 has RGB values of R:91, G:57, B:150 and CMYK values of C:0.39, M:0.62, Y:0, K:0.41. Its decimal value is 5978518.

Hex triplet	5b3996	`#5b3996`
RGB Decimal	91, 57, 150	`rgb(91,57,150)`
RGB Percent	35.7, 22.4, 58.8	`rgb(35.7%,22.4%,58.8%)`
CMYK	39, 62, 0, 41
HSL	261.9°, 44.9, 40.6	`hsl(261.9,44.9%,40.6%)`
HSV (or HSB)	261.9°, 62, 58.8
Web Safe	663399	`#663399`

CIE-LAB	32.596, 36.258, -45.887
XYZ	11.282, 7.352, 29.677
xyY	0.234, 0.152, 7.352
CIE-LCH	32.596, 58.483, 308.314
CIE-LUV	32.596, 6.965, -65.313
Hunter-Lab	27.115, 26.815, -45.911
Binary	01011011, 00111001, 10010110

#5b3996
```
#5b3996 rgb(91,57,150)
```
#749639
```
#749639 rgb(116,150,57)
```

Complementary Color

#394696
```
#394696 rgb(57,70,150)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#8a3996
```
#8a3996 rgb(138,57,150)
```

Analogous Color

#469639
```
#469639 rgb(70,150,57)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#968a39
```
#968a39 rgb(150,138,57)
```

Split Complementary Color

#39965b
```
#39965b rgb(57,150,91)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#965b39
```
#965b39 rgb(150,91,57)
```

Triadic Color

#397496
```
#397496 rgb(57,116,150)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#965b39
```
#965b39 rgb(150,91,57)
```
#749639
```
#749639 rgb(116,150,57)
```

Tetradic Color

#39245f
```
#39245f rgb(57,36,95)
```
#452b71
```
#452b71 rgb(69,43,113)
```
#503284
```
#503284 rgb(80,50,132)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#6640a8
```
#6640a8 rgb(102,64,168)
```
#7248ba
```
#7248ba rgb(114,72,186)
```
#805bc1
```
#805bc1 rgb(128,91,193)
```

Monochromatic Color

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

#443996
```
#443996 rgb(68,57,150)
```
#4c3996
```
#4c3996 rgb(76,57,150)
```
#533996
```
#533996 rgb(83,57,150)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#633996
```
#633996 rgb(99,57,150)
```
#6b3996
```
#6b3996 rgb(107,57,150)
```
#723996
```
#723996 rgb(114,57,150)
```

Similar Colors

Text with hexadecimal color #5b3996

This text has a font color of #5b3996.

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

#5b3996 background color

This paragraph has a background color of #5b3996.

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

#5b3996 border color

This element has a border color of #5b3996.

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

CSS codes

.text {color:#5b3996;}

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

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

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)
```
#0d0816
```
#0d0816 rgb(13,8,22)
```
#160e24
```
#160e24 rgb(22,14,36)
```
#1f1333
```
#1f1333 rgb(31,19,51)
```
#271941
```
#271941 rgb(39,25,65)
```
#301e4f
```
#301e4f rgb(48,30,79)
```
#39235d
```
#39235d rgb(57,35,93)
```
#41296b
```
#41296b rgb(65,41,107)
```
#4a2e7a
```
#4a2e7a rgb(74,46,122)
```
#523488
```
#523488 rgb(82,52,136)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#643ea4
```
#643ea4 rgb(100,62,164)
```
#6c44b2
```
#6c44b2 rgb(108,68,178)
```

Shade Color Variation

#764ebc
```
#764ebc rgb(118,78,188)
```
#815cc1
```
#815cc1 rgb(129,92,193)
```
#8c6bc7
```
#8c6bc7 rgb(140,107,199)
```
#9779cc
```
#9779cc rgb(151,121,204)
```
#a287d1
```
#a287d1 rgb(162,135,209)
```
#ad95d7
```
#ad95d7 rgb(173,149,215)
```
#b8a3dc
```
#b8a3dc rgb(184,163,220)
```
#c3b2e2
```
#c3b2e2 rgb(195,178,226)
```
#cec0e7
```
#cec0e7 rgb(206,192,231)
```
#d9ceec
```
#d9ceec rgb(217,206,236)
```
#e4dcf2
```
#e4dcf2 rgb(228,220,242)
```
#efeaf7
```
#efeaf7 rgb(239,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 #4c01ce is the most saturated one.

#66616e
```
#66616e rgb(102,97,110)
```
#645976
```
#645976 rgb(100,89,118)
```
#61517e
```
#61517e rgb(97,81,126)
```
#5f4986
```
#5f4986 rgb(95,73,134)
```
#5d418e
```
#5d418e rgb(93,65,142)
```
#5b3996
```
#5b3996 rgb(91,57,150)
```
#59319e
```
#59319e rgb(89,49,158)
```
#5729a6
```
#5729a6 rgb(87,41,166)
```
#5521ae
```
#5521ae rgb(85,33,174)
```
#5219b6
```
#5219b6 rgb(82,25,182)
```
#5011be
```
#5011be rgb(80,17,190)
```
#4e09c6
```
#4e09c6 rgb(78,9,198)
```
#4c01ce
```
#4c01ce rgb(76,1,206)
```

Tone Color Variation

Below, you can see how #5b3996 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
#514a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#005791 Deuteranopia 1% of men
#52565c Tritanopia 0.001% of the population

Trichromacy

#21499e Protanomaly 1% of men, 0.01% of women
#214c93 Deuteranomaly 6% of men, 0.4% of women
#554b71 Tritanomaly 0.01% of the population

#5b3996 hex color

#5b3996 Color Information

#5b3996 Color Conversion

Color Schemes with #5b3996

Alternatives to #5b3996

#5b3996 Preview

Shades and Tints of #5b3996

Tones of #5b3996

Color Blindness Simulator