#574895 hex color

In a RGB color space, hex #574895 is composed of 34.1% red, 28.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 51.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 251.7 degrees, a saturation of 34.8% and a lightness of 43.3%. #574895 color hex could be obtained by blending #ae90ff with #00002b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 28
- B 58
RGB color chart
- C 42
- M 52
- Y 0
- K 42
CMYK color chart

● #574895 color description : Dark moderate blue.

The hexadecimal color #574895 has RGB values of R:87, G:72, B:149 and CMYK values of C:0.42, M:0.52, Y:0, K:0.42. Its decimal value is 5720213.

Hex triplet	574895	`#574895`
RGB Decimal	87, 72, 149	`rgb(87,72,149)`
RGB Percent	34.1, 28.2, 58.4	`rgb(34.1%,28.2%,58.4%)`
CMYK	42, 52, 0, 42
HSL	251.7°, 34.8, 43.3	`hsl(251.7,34.8%,43.3%)`
HSV (or HSB)	251.7°, 51.7, 58.4
Web Safe	663399	`#663399`

CIE-LAB	35.656, 25.867, -40.384
XYZ	11.672, 8.831, 29.522
xyY	0.233, 0.177, 8.831
CIE-LCH	35.656, 47.958, 302.641
CIE-LUV	35.656, 1.295, -58.772
Hunter-Lab	29.717, 18.105, -38.1
Binary	01010111, 01001000, 10010101

#574895
```
#574895 rgb(87,72,149)
```
#869548
```
#869548 rgb(134,149,72)
```

Complementary Color

#486095
```
#486095 rgb(72,96,149)
```
#574895
```
#574895 rgb(87,72,149)
```
#7e4895
```
#7e4895 rgb(126,72,149)
```

Analogous Color

#609548
```
#609548 rgb(96,149,72)
```
#574895
```
#574895 rgb(87,72,149)
```
#957e48
```
#957e48 rgb(149,126,72)
```

Split Complementary Color

#489557
```
#489557 rgb(72,149,87)
```
#574895
```
#574895 rgb(87,72,149)
```
#955748
```
#955748 rgb(149,87,72)
```

Triadic Color

#488695
```
#488695 rgb(72,134,149)
```
#574895
```
#574895 rgb(87,72,149)
```
#955748
```
#955748 rgb(149,87,72)
```
#869548
```
#869548 rgb(134,149,72)
```

Tetradic Color

#392f61
```
#392f61 rgb(57,47,97)
```
#433773
```
#433773 rgb(67,55,115)
```
#4d4084
```
#4d4084 rgb(77,64,132)
```
#574895
```
#574895 rgb(87,72,149)
```
#6150a6
```
#6150a6 rgb(97,80,166)
```
#6f5fb1
```
#6f5fb1 rgb(111,95,177)
```
#7e70ba
```
#7e70ba rgb(126,112,186)
```

Monochromatic Color

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

#484c95
```
#484c95 rgb(72,76,149)
```
#4a4895
```
#4a4895 rgb(74,72,149)
```
#514895
```
#514895 rgb(81,72,149)
```
#574895
```
#574895 rgb(87,72,149)
```
#5d4895
```
#5d4895 rgb(93,72,149)
```
#644895
```
#644895 rgb(100,72,149)
```
#6a4895
```
#6a4895 rgb(106,72,149)
```

Similar Colors

Text with hexadecimal color #574895

This text has a font color of #574895.

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

#574895 background color

This paragraph has a background color of #574895.

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

#574895 border color

This element has a border color of #574895.

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

CSS codes

.text {color:#574895;}

.background {background-color:#574895;}

.border {border:1px solid #574895;}

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 #f6f5fa is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#0a0811
```
#0a0811 rgb(10,8,17)
```
#120e1e
```
#120e1e rgb(18,14,30)
```
#19152b
```
#19152b rgb(25,21,43)
```
#211b38
```
#211b38 rgb(33,27,56)
```
#292246
```
#292246 rgb(41,34,70)
```
#302853
```
#302853 rgb(48,40,83)
```
#382e60
```
#382e60 rgb(56,46,96)
```
#40356d
```
#40356d rgb(64,53,109)
```
#483b7b
```
#483b7b rgb(72,59,123)
```
#4f4288
```
#4f4288 rgb(79,66,136)
```
#574895
```
#574895 rgb(87,72,149)
```
#5f4ea2
```
#5f4ea2 rgb(95,78,162)
```

Shade Color Variation

#6857ae
```
#6857ae rgb(104,87,174)
```
#7364b4
```
#7364b4 rgb(115,100,180)
```
#7f71ba
```
#7f71ba rgb(127,113,186)
```
#8b7ec1
```
#8b7ec1 rgb(139,126,193)
```
#978cc7
```
#978cc7 rgb(151,140,199)
```
#a399ce
```
#a399ce rgb(163,153,206)
```
#afa6d4
```
#afa6d4 rgb(175,166,212)
```
#bbb3da
```
#bbb3da rgb(187,179,218)
```
#c7c0e1
```
#c7c0e1 rgb(199,192,225)
```
#d3cee7
```
#d3cee7 rgb(211,206,231)
```
#dedbee
```
#dedbee rgb(222,219,238)
```
#eae8f4
```
#eae8f4 rgb(234,232,244)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6a73 is the less saturated color, while #2d04d9 is the most saturated one.

#6c6a73
```
#6c6a73 rgb(108,106,115)
```
#67627c
```
#67627c rgb(103,98,124)
```
#615984
```
#615984 rgb(97,89,132)
```
#5c518d
```
#5c518d rgb(92,81,141)
```
#574895
```
#574895 rgb(87,72,149)
```
#52409e
```
#52409e rgb(82,64,158)
```
#4d37a6
```
#4d37a6 rgb(77,55,166)
```
#472faf
```
#472faf rgb(71,47,175)
```
#4226b7
```
#4226b7 rgb(66,38,183)
```
#3d1ec0
```
#3d1ec0 rgb(61,30,192)
```
#3815c8
```
#3815c8 rgb(56,21,200)
```
#330dd1
```
#330dd1 rgb(51,13,209)
```
#2d04d9
```
#2d04d9 rgb(45,4,217)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#335aa2 Protanopia 1% of men
#2e5d95 Deuteranopia 1% of men
#505f66 Tritanopia 0.001% of the population

Trichromacy

#40539d Protanomaly 1% of men, 0.01% of women
#3d5595 Deuteranomaly 6% of men, 0.4% of women
#525677 Tritanomaly 0.01% of the population

#574895 hex color

#574895 Color Information

#574895 Color Conversion

Color Schemes with #574895

Alternatives to #574895

#574895 Preview

Shades and Tints of #574895

Tones of #574895

Color Blindness Simulator