#5a3774 hex color

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

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

● #5a3774 color description : Dark moderate violet.

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

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

CIE-LAB	29.83, 28.089, -29.207
XYZ	8.735, 6.167, 17.252
xyY	0.272, 0.192, 6.167
CIE-LCH	29.83, 40.522, 313.883
CIE-LUV	29.83, 11.834, -40.935
Hunter-Lab	24.834, 19.323, -23.806
Binary	01011010, 00110111, 01110100

#5a3774
```
#5a3774 rgb(90,55,116)
```
#517437
```
#517437 rgb(81,116,55)
```

Complementary Color

#3c3774
```
#3c3774 rgb(60,55,116)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#743770
```
#743770 rgb(116,55,112)
```

Analogous Color

#37743c
```
#37743c rgb(55,116,60)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#707437
```
#707437 rgb(112,116,55)
```

Split Complementary Color

#37745a
```
#37745a rgb(55,116,90)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#745a37
```
#745a37 rgb(116,90,55)
```

Triadic Color

#375174
```
#375174 rgb(55,81,116)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#745a37
```
#745a37 rgb(116,90,55)
```
#517437
```
#517437 rgb(81,116,55)
```

Tetradic Color

#321e40
```
#321e40 rgb(50,30,64)
```
#3f2751
```
#3f2751 rgb(63,39,81)
```
#4d2f63
```
#4d2f63 rgb(77,47,99)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#673f85
```
#673f85 rgb(103,63,133)
```
#754797
```
#754797 rgb(117,71,151)
```
#8250a8
```
#8250a8 rgb(130,80,168)
```

Monochromatic Color

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

#4b3774
```
#4b3774 rgb(75,55,116)
```
#503774
```
#503774 rgb(80,55,116)
```
#553774
```
#553774 rgb(85,55,116)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#5f3774
```
#5f3774 rgb(95,55,116)
```
#643774
```
#643774 rgb(100,55,116)
```
#693774
```
#693774 rgb(105,55,116)
```

Similar Colors

Text with hexadecimal color #5a3774

This text has a font color of #5a3774.

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

#5a3774 background color

This paragraph has a background color of #5a3774.

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

#5a3774 border color

This element has a border color of #5a3774.

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

CSS codes

.text {color:#5a3774;}

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

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

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)
```
#261731
```
#261731 rgb(38,23,49)
```
#311e3f
```
#311e3f rgb(49,30,63)
```
#3b244c
```
#3b244c rgb(59,36,76)
```
#452a59
```
#452a59 rgb(69,42,89)
```
#503167
```
#503167 rgb(80,49,103)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#643d81
```
#643d81 rgb(100,61,129)
```
#6f448f
```
#6f448f rgb(111,68,143)
```
#794a9c
```
#794a9c rgb(121,74,156)
```
#8350a9
```
#8350a9 rgb(131,80,169)
```

Shade Color Variation

#8d5cb2
```
#8d5cb2 rgb(141,92,178)
```
#9669b8
```
#9669b8 rgb(150,105,184)
```
#9f76be
```
#9f76be rgb(159,118,190)
```
#a983c4
```
#a983c4 rgb(169,131,196)
```
#b291cb
```
#b291cb rgb(178,145,203)
```
#bb9ed1
```
#bb9ed1 rgb(187,158,209)
```
#c5abd7
```
#c5abd7 rgb(197,171,215)
```
#ceb9de
```
#ceb9de rgb(206,185,222)
```
#d7c6e4
```
#d7c6e4 rgb(215,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 #6202a9 is the most saturated one.

#56515a
```
#56515a rgb(86,81,90)
```
#574b60
```
#574b60 rgb(87,75,96)
```
#584467
```
#584467 rgb(88,68,103)
```
#593e6d
```
#593e6d rgb(89,62,109)
```
#5a3774
```
#5a3774 rgb(90,55,116)
```
#5b307b
```
#5b307b rgb(91,48,123)
```
#5c2a81
```
#5c2a81 rgb(92,42,129)
```
#5d2388
```
#5d2388 rgb(93,35,136)
```
#5e1d8e
```
#5e1d8e rgb(94,29,142)
```
#5f1695
```
#5f1695 rgb(95,22,149)
```
#60109b
```
#60109b rgb(96,16,155)
```
#6109a2
```
#6109a2 rgb(97,9,162)
```
#6202a9
```
#6202a9 rgb(98,2,169)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4c4551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334e85 Protanopia 1% of men
#3a4f76 Deuteranopia 1% of men
#5a4c51 Tritanopia 0.001% of the population

Trichromacy

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

#5a3774 hex color

#5a3774 Color Information

#5a3774 Color Conversion

Color Schemes with #5a3774

Alternatives to #5a3774

#5a3774 Preview

Shades and Tints of #5a3774

Tones of #5a3774

Color Blindness Simulator