#5b3774 hex color

In a RGB color space, hex #5b3774 is composed of 35.7% red, 21.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 52.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 275.4 degrees, a saturation of 35.7% and a lightness of 33.5%. #5b3774 color hex could be obtained by blending #b66ee8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 22
- B 45
RGB color chart
- C 22
- M 53
- Y 0
- K 55
CMYK color chart

● #5b3774 color description : Dark moderate violet.

The hexadecimal color #5b3774 has RGB values of R:91, G:55, B:116 and CMYK values of C:0.22, M:0.53, Y:0, K:0.55. Its decimal value is 5977972.

Hex triplet	5b3774	`#5b3774`
RGB Decimal	91, 55, 116	`rgb(91,55,116)`
RGB Percent	35.7, 21.6, 45.5	`rgb(35.7%,21.6%,45.5%)`
CMYK	22, 53, 0, 55
HSL	275.4°, 35.7, 33.5	`hsl(275.4,35.7%,33.5%)`
HSV (or HSB)	275.4°, 52.6, 45.5
Web Safe	663366	`#663366`

CIE-LAB	29.955, 28.392, -29.001
XYZ	8.832, 6.218, 17.257
xyY	0.273, 0.192, 6.218
CIE-LCH	29.955, 40.585, 314.392
CIE-LUV	29.955, 12.373, -40.754
Hunter-Lab	24.935, 19.591, -23.578
Binary	01011011, 00110111, 01110100

#5b3774
```
#5b3774 rgb(91,55,116)
```
#507437
```
#507437 rgb(80,116,55)
```

Complementary Color

#3d3774
```
#3d3774 rgb(61,55,116)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#74376f
```
#74376f rgb(116,55,111)
```

Analogous Color

#37743d
```
#37743d rgb(55,116,61)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#6f7437
```
#6f7437 rgb(111,116,55)
```

Split Complementary Color

#37745b
```
#37745b rgb(55,116,91)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#745b37
```
#745b37 rgb(116,91,55)
```

Triadic Color

#375074
```
#375074 rgb(55,80,116)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#745b37
```
#745b37 rgb(116,91,55)
```
#507437
```
#507437 rgb(80,116,55)
```

Tetradic Color

#321e40
```
#321e40 rgb(50,30,64)
```
#402751
```
#402751 rgb(64,39,81)
```
#4d2f63
```
#4d2f63 rgb(77,47,99)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#693f85
```
#693f85 rgb(105,63,133)
```
#764797
```
#764797 rgb(118,71,151)
```
#8450a8
```
#8450a8 rgb(132,80,168)
```

Monochromatic Color

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

#4c3774
```
#4c3774 rgb(76,55,116)
```
#513774
```
#513774 rgb(81,55,116)
```
#563774
```
#563774 rgb(86,55,116)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#603774
```
#603774 rgb(96,55,116)
```
#653774
```
#653774 rgb(101,55,116)
```
#6a3774
```
#6a3774 rgb(106,55,116)
```

Similar Colors

Text with hexadecimal color #5b3774

This text has a font color of #5b3774.

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

#5b3774 background color

This paragraph has a background color of #5b3774.

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

#5b3774 border color

This element has a border color of #5b3774.

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

CSS codes

.text {color:#5b3774;}

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

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

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, #07050a is the darkest color, while #fcfbfd is the lightest one.

#07050a
```
#07050a rgb(7,5,10)
```
#120b17
```
#120b17 rgb(18,11,23)
```
#1c1124
```
#1c1124 rgb(28,17,36)
```
#271731
```
#271731 rgb(39,23,49)
```
#311e3f
```
#311e3f rgb(49,30,63)
```
#3c244c
```
#3c244c rgb(60,36,76)
```
#462a59
```
#462a59 rgb(70,42,89)
```
#513167
```
#513167 rgb(81,49,103)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#653d81
```
#653d81 rgb(101,61,129)
```
#70448f
```
#70448f rgb(112,68,143)
```
#7a4a9c
```
#7a4a9c rgb(122,74,156)
```
#8550a9
```
#8550a9 rgb(133,80,169)
```

Shade Color Variation

#8e5cb2
```
#8e5cb2 rgb(142,92,178)
```
#9769b8
```
#9769b8 rgb(151,105,184)
```
#a176be
```
#a176be rgb(161,118,190)
```
#aa83c4
```
#aa83c4 rgb(170,131,196)
```
#b391cb
```
#b391cb rgb(179,145,203)
```
#bc9ed1
```
#bc9ed1 rgb(188,158,209)
```
#c5abd7
```
#c5abd7 rgb(197,171,215)
```
#cfb9de
```
#cfb9de rgb(207,185,222)
```
#d8c6e4
```
#d8c6e4 rgb(216,198,228)
```
#e1d3ea
```
#e1d3ea rgb(225,211,234)
```
#eae1f1
```
#eae1f1 rgb(234,225,241)
```
#f3eef7
```
#f3eef7 rgb(243,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56515a is the less saturated color, while #6402a9 is the most saturated one.

#56515a
```
#56515a rgb(86,81,90)
```
#574b60
```
#574b60 rgb(87,75,96)
```
#594467
```
#594467 rgb(89,68,103)
```
#5a3e6d
```
#5a3e6d rgb(90,62,109)
```
#5b3774
```
#5b3774 rgb(91,55,116)
```
#5c307b
```
#5c307b rgb(92,48,123)
```
#5d2a81
```
#5d2a81 rgb(93,42,129)
```
#5f2388
```
#5f2388 rgb(95,35,136)
```
#601d8e
```
#601d8e rgb(96,29,142)
```
#611695
```
#611695 rgb(97,22,149)
```
#62109b
```
#62109b rgb(98,16,155)
```
#6309a2
```
#6309a2 rgb(99,9,162)
```
#6402a9
```
#6402a9 rgb(100,2,169)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4d4552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344e85 Protanopia 1% of men
#3b5076 Deuteranopia 1% of men
#5b4c51 Tritanopia 0.001% of the population

Trichromacy

#42457f Protanomaly 1% of men, 0.01% of women
#464675 Deuteranomaly 6% of men, 0.4% of women
#5b445e Tritanomaly 0.01% of the population

#5b3774 hex color

#5b3774 Color Information

#5b3774 Color Conversion

Color Schemes with #5b3774

Alternatives to #5b3774

#5b3774 Preview

Shades and Tints of #5b3774

Tones of #5b3774

Color Blindness Simulator