#5a4574 hex color

In a RGB color space, hex #5a4574 is composed of 35.3% red, 27.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 40.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 266.8 degrees, a saturation of 25.4% and a lightness of 36.3%. #5a4574 color hex could be obtained by blending #b48ae8 with #000000. Closest websafe color is: #663366.

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

● #5a4574 color description : Mostly desaturated dark violet.

The hexadecimal color #5a4574 has RGB values of R:90, G:69, B:116 and CMYK values of C:0.22, M:0.41, Y:0, K:0.55. Its decimal value is 5916020.

Hex triplet	5a4574	`#5a4574`
RGB Decimal	90, 69, 116	`rgb(90,69,116)`
RGB Percent	35.3, 27.1, 45.5	`rgb(35.3%,27.1%,45.5%)`
CMYK	22, 41, 0, 55
HSL	266.8°, 25.4, 36.3	`hsl(266.8,25.4%,36.3%)`
HSV (or HSB)	266.8°, 40.5, 45.5
Web Safe	663366	`#663366`

CIE-LAB	33.331, 19.38, -23.7
XYZ	9.496, 7.691, 17.506
xyY	0.274, 0.222, 7.691
CIE-LCH	33.331, 30.615, 309.273
CIE-LUV	33.331, 7.067, -33.844
Hunter-Lab	27.733, 12.592, -18.014
Binary	01011010, 01000101, 01110100

#5a4574
```
#5a4574 rgb(90,69,116)
```
#5f7445
```
#5f7445 rgb(95,116,69)
```

Complementary Color

#454874
```
#454874 rgb(69,72,116)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#724574
```
#724574 rgb(114,69,116)
```

Analogous Color

#487445
```
#487445 rgb(72,116,69)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#747245
```
#747245 rgb(116,114,69)
```

Split Complementary Color

#45745a
```
#45745a rgb(69,116,90)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#745a45
```
#745a45 rgb(116,90,69)
```

Triadic Color

#455f74
```
#455f74 rgb(69,95,116)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#745a45
```
#745a45 rgb(116,90,69)
```
#5f7445
```
#5f7445 rgb(95,116,69)
```

Tetradic Color

#352844
```
#352844 rgb(53,40,68)
```
#413254
```
#413254 rgb(65,50,84)
```
#4e3b64
```
#4e3b64 rgb(78,59,100)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#664f84
```
#664f84 rgb(102,79,132)
```
#735894
```
#735894 rgb(115,88,148)
```
#7f63a2
```
#7f63a2 rgb(127,99,162)
```

Monochromatic Color

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

#4e4574
```
#4e4574 rgb(78,69,116)
```
#524574
```
#524574 rgb(82,69,116)
```
#564574
```
#564574 rgb(86,69,116)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#5e4574
```
#5e4574 rgb(94,69,116)
```
#624574
```
#624574 rgb(98,69,116)
```
#664574
```
#664574 rgb(102,69,116)
```

Similar Colors

Text with hexadecimal color #5a4574

This text has a font color of #5a4574.

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

#5a4574 background color

This paragraph has a background color of #5a4574.

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

#5a4574 border color

This element has a border color of #5a4574.

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

CSS codes

.text {color:#5a4574;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a12
```
#0e0a12 rgb(14,10,18)
```
#17121e
```
#17121e rgb(23,18,30)
```
#21192a
```
#21192a rgb(33,25,42)
```
#2a2037
```
#2a2037 rgb(42,32,55)
```
#342843
```
#342843 rgb(52,40,67)
```
#3d2f4f
```
#3d2f4f rgb(61,47,79)
```
#47365b
```
#47365b rgb(71,54,91)
```
#503e68
```
#503e68 rgb(80,62,104)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#644c80
```
#644c80 rgb(100,76,128)
```
#6d548d
```
#6d548d rgb(109,84,141)
```
#775b99
```
#775b99 rgb(119,91,153)
```

Shade Color Variation

#8064a3
```
#8064a3 rgb(128,100,163)
```
#8a71aa
```
#8a71aa rgb(138,113,170)
```
#957db2
```
#957db2 rgb(149,125,178)
```
#9f89b9
```
#9f89b9 rgb(159,137,185)
```
#a996c0
```
#a996c0 rgb(169,150,192)
```
#b3a2c8
```
#b3a2c8 rgb(179,162,200)
```
#bdaecf
```
#bdaecf rgb(189,174,207)
```
#c7bbd6
```
#c7bbd6 rgb(199,187,214)
```
#d1c7de
```
#d1c7de rgb(209,199,222)
```
#dbd3e5
```
#dbd3e5 rgb(219,211,229)
```
#e5dfec
```
#e5dfec rgb(229,223,236)
```
#efecf4
```
#efecf4 rgb(239,236,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5a5f is the less saturated color, while #5305b4 is the most saturated one.

#5c5a5f
```
#5c5a5f rgb(92,90,95)
```
#5c5366
```
#5c5366 rgb(92,83,102)
```
#5b4c6d
```
#5b4c6d rgb(91,76,109)
```
#5a4574
```
#5a4574 rgb(90,69,116)
```
#593e7b
```
#593e7b rgb(89,62,123)
```
#583782
```
#583782 rgb(88,55,130)
```
#583089
```
#583089 rgb(88,48,137)
```
#572990
```
#572990 rgb(87,41,144)
```
#562198
```
#562198 rgb(86,33,152)
```
#551a9f
```
#551a9f rgb(85,26,159)
```
#5513a6
```
#5513a6 rgb(85,19,166)
```
#540cad
```
#540cad rgb(84,12,173)
```
#5305b4
```
#5305b4 rgb(83,5,180)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#534f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475680 Protanopia 1% of men
#4a5678 Deuteranopia 1% of men
#5c555b Tritanopia 0.001% of the population

Trichromacy

#4e4f7c Protanomaly 1% of men, 0.01% of women
#505076 Deuteranomaly 6% of men, 0.4% of women
#5b4f64 Tritanomaly 0.01% of the population

#5a4574 hex color

#5a4574 Color Information

#5a4574 Color Conversion

Color Schemes with #5a4574

Alternatives to #5a4574

#5a4574 Preview

Shades and Tints of #5a4574

Tones of #5a4574

Color Blindness Simulator