#5b3176 hex color

In a RGB color space, hex #5b3176 is composed of 35.7% red, 19.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 58.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 276.5 degrees, a saturation of 41.3% and a lightness of 32.7%. #5b3176 color hex could be obtained by blending #b662ec with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 19
- B 46
RGB color chart
- C 23
- M 58
- Y 0
- K 54
CMYK color chart

● #5b3176 color description : Dark moderate violet.

The hexadecimal color #5b3176 has RGB values of R:91, G:49, B:118 and CMYK values of C:0.23, M:0.58, Y:0, K:0.54. Its decimal value is 5976438.

Hex triplet	5b3176	`#5b3176`
RGB Decimal	91, 49, 118	`rgb(91,49,118)`
RGB Percent	35.7, 19.2, 46.3	`rgb(35.7%,19.2%,46.3%)`
CMYK	23, 58, 0, 54
HSL	276.5°, 41.3, 32.7	`hsl(276.5,41.3%,32.7%)`
HSV (or HSB)	276.5°, 58.5, 46.3
Web Safe	663366	`#663366`

CIE-LAB	28.718, 32.432, -32.231
XYZ	8.682, 5.729, 17.787
xyY	0.27, 0.178, 5.729
CIE-LCH	28.718, 45.724, 315.178
CIE-LUV	28.718, 13.758, -44.763
Hunter-Lab	23.935, 22.862, -27.305
Binary	01011011, 00110001, 01110110

#5b3176
```
#5b3176 rgb(91,49,118)
```
#4c7631
```
#4c7631 rgb(76,118,49)
```

Complementary Color

#383176
```
#383176 rgb(56,49,118)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#76316f
```
#76316f rgb(118,49,111)
```

Analogous Color

#317638
```
#317638 rgb(49,118,56)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#6f7631
```
#6f7631 rgb(111,118,49)
```

Split Complementary Color

#31765b
```
#31765b rgb(49,118,91)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#765b31
```
#765b31 rgb(118,91,49)
```

Triadic Color

#314c76
```
#314c76 rgb(49,76,118)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#765b31
```
#765b31 rgb(118,91,49)
```
#4c7631
```
#4c7631 rgb(76,118,49)
```

Tetradic Color

#311b40
```
#311b40 rgb(49,27,64)
```
#3f2252
```
#3f2252 rgb(63,34,82)
```
#4d2a64
```
#4d2a64 rgb(77,42,100)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#693888
```
#693888 rgb(105,56,136)
```
#77409a
```
#77409a rgb(119,64,154)
```
#8547ac
```
#8547ac rgb(133,71,172)
```

Monochromatic Color

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

#4a3176
```
#4a3176 rgb(74,49,118)
```
#503176
```
#503176 rgb(80,49,118)
```
#553176
```
#553176 rgb(85,49,118)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#613176
```
#613176 rgb(97,49,118)
```
#673176
```
#673176 rgb(103,49,118)
```
#6c3176
```
#6c3176 rgb(108,49,118)
```

Similar Colors

Text with hexadecimal color #5b3176

This text has a font color of #5b3176.

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

#5b3176 background color

This paragraph has a background color of #5b3176.

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

#5b3176 border color

This element has a border color of #5b3176.

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

CSS codes

.text {color:#5b3176;}

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

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

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

#050307
```
#050307 rgb(5,3,7)
```
#100915
```
#100915 rgb(16,9,21)
```
#1b0e23
```
#1b0e23 rgb(27,14,35)
```
#261431
```
#261431 rgb(38,20,49)
```
#301a3f
```
#301a3f rgb(48,26,63)
```
#3b204c
```
#3b204c rgb(59,32,76)
```
#46255a
```
#46255a rgb(70,37,90)
```
#502b68
```
#502b68 rgb(80,43,104)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#663784
```
#663784 rgb(102,55,132)
```
#703d92
```
#703d92 rgb(112,61,146)
```
#7b42a0
```
#7b42a0 rgb(123,66,160)
```
#8648ad
```
#8648ad rgb(134,72,173)
```

Shade Color Variation

#9052b7
```
#9052b7 rgb(144,82,183)
```
#9860bd
```
#9860bd rgb(152,96,189)
```
#a16ec3
```
#a16ec3 rgb(161,110,195)
```
#aa7cc8
```
#aa7cc8 rgb(170,124,200)
```
#b389ce
```
#b389ce rgb(179,137,206)
```
#bc97d4
```
#bc97d4 rgb(188,151,212)
```
#c5a5da
```
#c5a5da rgb(197,165,218)
```
#ceb3df
```
#ceb3df rgb(206,179,223)
```
#d7c1e5
```
#d7c1e5 rgb(215,193,229)
```
#e0cfeb
```
#e0cfeb rgb(224,207,235)
```
#e9ddf1
```
#e9ddf1 rgb(233,221,241)
```
#f2eaf6
```
#f2eaf6 rgb(242,234,246)
```
#fbf8fc
```
#fbf8fc rgb(251,248,252)
```

Tint Color Variation

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

#545156
```
#545156 rgb(84,81,86)
```
#554b5c
```
#554b5c rgb(85,75,92)
```
#574463
```
#574463 rgb(87,68,99)
```
#583e69
```
#583e69 rgb(88,62,105)
```
#5a3770
```
#5a3770 rgb(90,55,112)
```
#5b3176
```
#5b3176 rgb(91,49,118)
```
#5c2b7c
```
#5c2b7c rgb(92,43,124)
```
#5e2483
```
#5e2483 rgb(94,36,131)
```
#5f1e89
```
#5f1e89 rgb(95,30,137)
```
#611790
```
#611790 rgb(97,23,144)
```
#621196
```
#621196 rgb(98,17,150)
```
#630a9d
```
#630a9d rgb(99,10,157)
```
#6504a3
```
#6504a3 rgb(101,4,163)
```

Tone Color Variation

Below, you can see how #5b3176 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
#49414f Atypical Achromatopsia 0.001% of the population

Dichromacy

#264b8a Protanopia 1% of men
#324d77 Deuteranopia 1% of men
#5a484e Tritanopia 0.001% of the population

Trichromacy

#394182 Protanomaly 1% of men, 0.01% of women
#414376 Deuteranomaly 6% of men, 0.4% of women
#5a405c Tritanomaly 0.01% of the population

#5b3176 hex color

#5b3176 Color Information

#5b3176 Color Conversion

Color Schemes with #5b3176

Alternatives to #5b3176

#5b3176 Preview

Shades and Tints of #5b3176

Tones of #5b3176

Color Blindness Simulator