#5a4ca5 hex color

In a RGB color space, hex #5a4ca5 is composed of 35.3% red, 29.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 53.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 249.4 degrees, a saturation of 36.9% and a lightness of 47.3%. #5a4ca5 color hex could be obtained by blending #b498ff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 35
- G 30
- B 65
RGB color chart
- C 45
- M 54
- Y 0
- K 35
CMYK color chart

● #5a4ca5 color description : Dark moderate blue.

The hexadecimal color #5a4ca5 has RGB values of R:90, G:76, B:165 and CMYK values of C:0.45, M:0.54, Y:0, K:0.35. Its decimal value is 5917861.

Hex triplet	5a4ca5	`#5a4ca5`
RGB Decimal	90, 76, 165	`rgb(90,76,165)`
RGB Percent	35.3, 29.8, 64.7	`rgb(35.3%,29.8%,64.7%)`
CMYK	45, 54, 0, 35
HSL	249.4°, 36.9, 47.3	`hsl(249.4,36.9%,47.3%)`
HSV (or HSB)	249.4°, 53.9, 64.7
Web Safe	663399	`#663399`

CIE-LAB	37.948, 28.928, -46.326
XYZ	13.591, 10.059, 36.821
xyY	0.225, 0.166, 10.059
CIE-LCH	37.948, 54.616, 301.983
CIE-LUV	37.948, -0.052, -68.602
Hunter-Lab	31.716, 20.99, -46.632
Binary	01011010, 01001100, 10100101

#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#97a54c
```
#97a54c rgb(151,165,76)
```

Complementary Color

#4c6ba5
```
#4c6ba5 rgb(76,107,165)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#874ca5
```
#874ca5 rgb(135,76,165)
```

Analogous Color

#6ba54c
```
#6ba54c rgb(107,165,76)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#a5874c
```
#a5874c rgb(165,135,76)
```

Split Complementary Color

#4ca55a
```
#4ca55a rgb(76,165,90)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#a55a4c
```
#a55a4c rgb(165,90,76)
```

Triadic Color

#4c97a5
```
#4c97a5 rgb(76,151,165)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#a55a4c
```
#a55a4c rgb(165,90,76)
```
#97a54c
```
#97a54c rgb(151,165,76)
```

Tetradic Color

#3d3471
```
#3d3471 rgb(61,52,113)
```
#473c82
```
#473c82 rgb(71,60,130)
```
#504494
```
#504494 rgb(80,68,148)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#6658b2
```
#6658b2 rgb(102,88,178)
```
#766aba
```
#766aba rgb(118,106,186)
```
#867bc2
```
#867bc2 rgb(134,123,194)
```

Monochromatic Color

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

#4c54a5
```
#4c54a5 rgb(76,84,165)
```
#4c4da5
```
#4c4da5 rgb(76,77,165)
```
#534ca5
```
#534ca5 rgb(83,76,165)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#614ca5
```
#614ca5 rgb(97,76,165)
```
#694ca5
```
#694ca5 rgb(105,76,165)
```
#704ca5
```
#704ca5 rgb(112,76,165)
```

Similar Colors

Text with hexadecimal color #5a4ca5

This text has a font color of #5a4ca5.

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

#5a4ca5 background color

This paragraph has a background color of #5a4ca5.

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

#5a4ca5 border color

This element has a border color of #5a4ca5.

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

CSS codes

.text {color:#5a4ca5;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090811
```
#090811 rgb(9,8,17)
```
#110e1f
```
#110e1f rgb(17,14,31)
```
#18142c
```
#18142c rgb(24,20,44)
```
#1f1b3a
```
#1f1b3a rgb(31,27,58)
```
#272147
```
#272147 rgb(39,33,71)
```
#2e2754
```
#2e2754 rgb(46,39,84)
```
#352d62
```
#352d62 rgb(53,45,98)
```
#3d336f
```
#3d336f rgb(61,51,111)
```
#44397d
```
#44397d rgb(68,57,125)
```
#4b408a
```
#4b408a rgb(75,64,138)
```
#534698
```
#534698 rgb(83,70,152)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```

Shade Color Variation

#6354b0
```
#6354b0 rgb(99,84,176)
```
#6f62b7
```
#6f62b7 rgb(111,98,183)
```
#7b6fbd
```
#7b6fbd rgb(123,111,189)
```
#887dc3
```
#887dc3 rgb(136,125,195)
```
#948ac9
```
#948ac9 rgb(148,138,201)
```
#a097cf
```
#a097cf rgb(160,151,207)
```
#aca5d5
```
#aca5d5 rgb(172,165,213)
```
#b9b2dc
```
#b9b2dc rgb(185,178,220)
```
#c5c0e2
```
#c5c0e2 rgb(197,192,226)
```
#d1cde8
```
#d1cde8 rgb(209,205,232)
```
#dedbee
```
#dedbee rgb(222,219,238)
```
#eae8f4
```
#eae8f4 rgb(234,232,244)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#737180
```
#737180 rgb(115,113,128)
```
#6d6889
```
#6d6889 rgb(109,104,137)
```
#675f92
```
#675f92 rgb(103,95,146)
```
#60559c
```
#60559c rgb(96,85,156)
```
#5a4ca5
```
#5a4ca5 rgb(90,76,165)
```
#5443ae
```
#5443ae rgb(84,67,174)
```
#4d39b8
```
#4d39b8 rgb(77,57,184)
```
#4730c1
```
#4730c1 rgb(71,48,193)
```
#4127ca
```
#4127ca rgb(65,39,202)
```
#3a1ed3
```
#3a1ed3 rgb(58,30,211)
```
#3414dd
```
#3414dd rgb(52,20,221)
```
#2e0be6
```
#2e0be6 rgb(46,11,230)
```
#2702ef
```
#2702ef rgb(39,2,239)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5a5769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#295fb2 Protanopia 1% of men
#1c63a4 Deuteranopia 1% of men
#4e656d Tritanopia 0.001% of the population

Trichromacy

#3b58ad Protanomaly 1% of men, 0.01% of women
#325aa4 Deuteranomaly 6% of men, 0.4% of women
#525c81 Tritanomaly 0.01% of the population

#5a4ca5 hex color

#5a4ca5 Color Information

#5a4ca5 Color Conversion

Color Schemes with #5a4ca5

Alternatives to #5a4ca5

#5a4ca5 Preview

Shades and Tints of #5a4ca5

Tones of #5a4ca5

Color Blindness Simulator