#574ca1 hex color

In a RGB color space, hex #574ca1 is composed of 34.1% red, 29.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 52.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 247.8 degrees, a saturation of 35.9% and a lightness of 46.5%. #574ca1 color hex could be obtained by blending #ae98ff with #000043. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 30
- B 63
RGB color chart
- C 46
- M 53
- Y 0
- K 37
CMYK color chart

● #574ca1 color description : Dark moderate blue.

The hexadecimal color #574ca1 has RGB values of R:87, G:76, B:161 and CMYK values of C:0.46, M:0.53, Y:0, K:0.37. Its decimal value is 5721249.

Hex triplet	574ca1	`#574ca1`
RGB Decimal	87, 76, 161	`rgb(87,76,161)`
RGB Percent	34.1, 29.8, 63.1	`rgb(34.1%,29.8%,63.1%)`
CMYK	46, 53, 0, 37
HSL	247.8°, 35.9, 46.5	`hsl(247.8,35.9%,46.5%)`
HSV (or HSB)	247.8°, 52.8, 63.1
Web Safe	663399	`#663399`

CIE-LAB	37.423, 26.992, -44.79
XYZ	12.947, 9.768, 34.92
xyY	0.225, 0.169, 9.768
CIE-LCH	37.423, 52.295, 301.074
CIE-LUV	37.423, -0.898, -65.979
Hunter-Lab	31.254, 19.248, -44.366
Binary	01010111, 01001100, 10100001

#574ca1
```
#574ca1 rgb(87,76,161)
```
#96a14c
```
#96a14c rgb(150,161,76)
```

Complementary Color

#4c6ca1
```
#4c6ca1 rgb(76,108,161)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#824ca1
```
#824ca1 rgb(130,76,161)
```

Analogous Color

#6ca14c
```
#6ca14c rgb(108,161,76)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#a1824c
```
#a1824c rgb(161,130,76)
```

Split Complementary Color

#4ca157
```
#4ca157 rgb(76,161,87)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#a1574c
```
#a1574c rgb(161,87,76)
```

Triadic Color

#4c96a1
```
#4c96a1 rgb(76,150,161)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#a1574c
```
#a1574c rgb(161,87,76)
```
#96a14c
```
#96a14c rgb(150,161,76)
```

Tetradic Color

#3b336d
```
#3b336d rgb(59,51,109)
```
#443c7e
```
#443c7e rgb(68,60,126)
```
#4e4490
```
#4e4490 rgb(78,68,144)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#6257b0
```
#6257b0 rgb(98,87,176)
```
#7268b8
```
#7268b8 rgb(114,104,184)
```
#837ac0
```
#837ac0 rgb(131,122,192)
```

Monochromatic Color

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

#4c56a1
```
#4c56a1 rgb(76,86,161)
```
#4c4fa1
```
#4c4fa1 rgb(76,79,161)
```
#504ca1
```
#504ca1 rgb(80,76,161)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#5e4ca1
```
#5e4ca1 rgb(94,76,161)
```
#654ca1
```
#654ca1 rgb(101,76,161)
```
#6c4ca1
```
#6c4ca1 rgb(108,76,161)
```

Similar Colors

Text with hexadecimal color #574ca1

This text has a font color of #574ca1.

<span style="color:#574ca1;">Text here</span>

#574ca1 background color

This paragraph has a background color of #574ca1.

<p style="background-color:#574ca1;">Content here</p>

#574ca1 border color

This element has a border color of #574ca1.

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

CSS codes

.text {color:#574ca1;}

.background {background-color:#574ca1;}

.border {border:1px solid #574ca1;}

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

#010101
```
#010101 rgb(1,1,1)
```
#08070e
```
#08070e rgb(8,7,14)
```
#0f0d1c
```
#0f0d1c rgb(15,13,28)
```
#161329
```
#161329 rgb(22,19,41)
```
#1d1a36
```
#1d1a36 rgb(29,26,54)
```
#252044
```
#252044 rgb(37,32,68)
```
#2c2651
```
#2c2651 rgb(44,38,81)
```
#332d5e
```
#332d5e rgb(51,45,94)
```
#3a336c
```
#3a336c rgb(58,51,108)
```
#413979
```
#413979 rgb(65,57,121)
```
#493f86
```
#493f86 rgb(73,63,134)
```
#504694
```
#504694 rgb(80,70,148)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```

Shade Color Variation

#5f53ae
```
#5f53ae rgb(95,83,174)
```
#6b60b4
```
#6b60b4 rgb(107,96,180)
```
#776eba
```
#776eba rgb(119,110,186)
```
#847bc1
```
#847bc1 rgb(132,123,193)
```
#9088c7
```
#9088c7 rgb(144,136,199)
```
#9d95cd
```
#9d95cd rgb(157,149,205)
```
#a9a3d3
```
#a9a3d3 rgb(169,163,211)
```
#b6b0da
```
#b6b0da rgb(182,176,218)
```
#c2bde0
```
#c2bde0 rgb(194,189,224)
```
#cecbe6
```
#cecbe6 rgb(206,203,230)
```
#dbd8ed
```
#dbd8ed rgb(219,216,237)
```
#e7e5f3
```
#e7e5f3 rgb(231,229,243)
```
#f4f3f9
```
#f4f3f9 rgb(244,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72707d is the less saturated color, while #2103ea is the most saturated one.

#72707d
```
#72707d rgb(114,112,125)
```
#6b6786
```
#6b6786 rgb(107,103,134)
```
#655e8f
```
#655e8f rgb(101,94,143)
```
#5e5598
```
#5e5598 rgb(94,85,152)
```
#574ca1
```
#574ca1 rgb(87,76,161)
```
#5043aa
```
#5043aa rgb(80,67,170)
```
#493ab3
```
#493ab3 rgb(73,58,179)
```
#4331bc
```
#4331bc rgb(67,49,188)
```
#3c28c5
```
#3c28c5 rgb(60,40,197)
```
#351ecf
```
#351ecf rgb(53,30,207)
```
#2e15d8
```
#2e15d8 rgb(46,21,216)
```
#280ce1
```
#280ce1 rgb(40,12,225)
```
#2103ea
```
#2103ea rgb(33,3,234)
```

Tone Color Variation

Below, you can see how #574ca1 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

#595959 Achromatopsia 0.005% of the population
#595667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e5ead Protanopia 1% of men
#2262a0 Deuteranopia 1% of men
#4c646b Tritanopia 0.001% of the population

Trichromacy

#3d57a9 Protanomaly 1% of men, 0.01% of women
#355aa0 Deuteranomaly 6% of men, 0.4% of women
#505b7f Tritanomaly 0.01% of the population

#574ca1 hex color

#574ca1 Color Information

#574ca1 Color Conversion

Color Schemes with #574ca1

Alternatives to #574ca1

#574ca1 Preview

Shades and Tints of #574ca1

Tones of #574ca1

Color Blindness Simulator