#574996 hex color

In a RGB color space, hex #574996 is composed of 34.1% red, 28.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 51.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 250.9 degrees, a saturation of 34.5% and a lightness of 43.7%. #574996 color hex could be obtained by blending #ae92ff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 29
- B 59
RGB color chart
- C 42
- M 51
- Y 0
- K 41
CMYK color chart

● #574996 color description : Dark moderate blue.

The hexadecimal color #574996 has RGB values of R:87, G:73, B:150 and CMYK values of C:0.42, M:0.51, Y:0, K:0.41. Its decimal value is 5720470.

Hex triplet	574996	`#574996`
RGB Decimal	87, 73, 150	`rgb(87,73,150)`
RGB Percent	34.1, 28.6, 58.8	`rgb(34.1%,28.6%,58.8%)`
CMYK	42, 51, 0, 41
HSL	250.9°, 34.5, 43.7	`hsl(250.9,34.5%,43.7%)`
HSV (or HSB)	250.9°, 51.3, 58.8
Web Safe	663399	`#663399`

CIE-LAB	35.971, 25.538, -40.487
XYZ	11.817, 8.993, 29.966
xyY	0.233, 0.177, 8.993
CIE-LCH	35.971, 47.868, 302.243
CIE-LUV	35.971, 0.903, -59.044
Hunter-Lab	29.989, 17.858, -38.253
Binary	01010111, 01001001, 10010110

#574996
```
#574996 rgb(87,73,150)
```
#889649
```
#889649 rgb(136,150,73)
```

Complementary Color

#496196
```
#496196 rgb(73,97,150)
```
#574996
```
#574996 rgb(87,73,150)
```
#7e4996
```
#7e4996 rgb(126,73,150)
```

Analogous Color

#629649
```
#629649 rgb(98,150,73)
```
#574996
```
#574996 rgb(87,73,150)
```
#967e49
```
#967e49 rgb(150,126,73)
```

Split Complementary Color

#499657
```
#499657 rgb(73,150,87)
```
#574996
```
#574996 rgb(87,73,150)
```
#965749
```
#965749 rgb(150,87,73)
```

Triadic Color

#498896
```
#498896 rgb(73,136,150)
```
#574996
```
#574996 rgb(87,73,150)
```
#965749
```
#965749 rgb(150,87,73)
```
#889649
```
#889649 rgb(136,150,73)
```

Tetradic Color

#393063
```
#393063 rgb(57,48,99)
```
#433874
```
#433874 rgb(67,56,116)
```
#4d4185
```
#4d4185 rgb(77,65,133)
```
#574996
```
#574996 rgb(87,73,150)
```
#6151a7
```
#6151a7 rgb(97,81,167)
```
#6f60b2
```
#6f60b2 rgb(111,96,178)
```
#7f71ba
```
#7f71ba rgb(127,113,186)
```

Monochromatic Color

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

#494e96
```
#494e96 rgb(73,78,150)
```
#4a4996
```
#4a4996 rgb(74,73,150)
```
#514996
```
#514996 rgb(81,73,150)
```
#574996
```
#574996 rgb(87,73,150)
```
#5d4996
```
#5d4996 rgb(93,73,150)
```
#644996
```
#644996 rgb(100,73,150)
```
#6a4996
```
#6a4996 rgb(106,73,150)
```

Similar Colors

Text with hexadecimal color #574996

This text has a font color of #574996.

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

#574996 background color

This paragraph has a background color of #574996.

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

#574996 border color

This element has a border color of #574996.

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

CSS codes

.text {color:#574996;}

.background {background-color:#574996;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0912
```
#0a0912 rgb(10,9,18)
```
#120f1f
```
#120f1f rgb(18,15,31)
```
#1a162c
```
#1a162c rgb(26,22,44)
```
#211c3a
```
#211c3a rgb(33,28,58)
```
#292247
```
#292247 rgb(41,34,71)
```
#312954
```
#312954 rgb(49,41,84)
```
#382f61
```
#382f61 rgb(56,47,97)
```
#40366e
```
#40366e rgb(64,54,110)
```
#483c7c
```
#483c7c rgb(72,60,124)
```
#4f4389
```
#4f4389 rgb(79,67,137)
```
#574996
```
#574996 rgb(87,73,150)
```
#5f4fa3
```
#5f4fa3 rgb(95,79,163)
```

Shade Color Variation

#6858ae
```
#6858ae rgb(104,88,174)
```
#7466b4
```
#7466b4 rgb(116,102,180)
```
#8073bb
```
#8073bb rgb(128,115,187)
```
#8c80c1
```
#8c80c1 rgb(140,128,193)
```
#988dc8
```
#988dc8 rgb(152,141,200)
```
#a49ace
```
#a49ace rgb(164,154,206)
```
#b0a8d4
```
#b0a8d4 rgb(176,168,212)
```
#bcb5db
```
#bcb5db rgb(188,181,219)
```
#c8c2e1
```
#c8c2e1 rgb(200,194,225)
```
#d4cfe8
```
#d4cfe8 rgb(212,207,232)
```
#e0dcee
```
#e0dcee rgb(224,220,238)
```
#ebe9f5
```
#ebe9f5 rgb(235,233,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#6d6b74
```
#6d6b74 rgb(109,107,116)
```
#67637c
```
#67637c rgb(103,99,124)
```
#625a85
```
#625a85 rgb(98,90,133)
```
#5c528d
```
#5c528d rgb(92,82,141)
```
#574996
```
#574996 rgb(87,73,150)
```
#52409f
```
#52409f rgb(82,64,159)
```
#4c38a7
```
#4c38a7 rgb(76,56,167)
```
#472fb0
```
#472fb0 rgb(71,47,176)
```
#4127b8
```
#4127b8 rgb(65,39,184)
```
#3c1ec1
```
#3c1ec1 rgb(60,30,193)
```
#3616c9
```
#3616c9 rgb(54,22,201)
```
#310dd2
```
#310dd2 rgb(49,13,210)
```
#2b04db
```
#2b04db rgb(43,4,219)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#565363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345ba2 Protanopia 1% of men
#2f5e96 Deuteranopia 1% of men
#4f6066 Tritanopia 0.001% of the population

Trichromacy

#41549e Protanomaly 1% of men, 0.01% of women
#3d5696 Deuteranomaly 6% of men, 0.4% of women
#525778 Tritanomaly 0.01% of the population

#574996 hex color

#574996 Color Information

#574996 Color Conversion

Color Schemes with #574996

Alternatives to #574996

#574996 Preview

Shades and Tints of #574996

Tones of #574996

Color Blindness Simulator