#574878 hex color

In a RGB color space, hex #574878 is composed of 34.1% red, 28.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 40% magenta, 0% yellow and 52.9% black. It has a hue angle of 258.8 degrees, a saturation of 25% and a lightness of 37.6%. #574878 color hex could be obtained by blending #ae90f0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 28
- B 47
RGB color chart
- C 28
- M 40
- Y 0
- K 53
CMYK color chart

● #574878 color description : Mostly desaturated dark violet.

The hexadecimal color #574878 has RGB values of R:87, G:72, B:120 and CMYK values of C:0.28, M:0.4, Y:0, K:0.53. Its decimal value is 5720184.

Hex triplet	574878	`#574878`
RGB Decimal	87, 72, 120	`rgb(87,72,120)`
RGB Percent	34.1, 28.2, 47.1	`rgb(34.1%,28.2%,47.1%)`
CMYK	28, 40, 0, 53
HSL	258.8°, 25, 37.6	`hsl(258.8,25%,37.6%)`
HSV (or HSB)	258.8°, 40, 47.1
Web Safe	663366	`#663366`

CIE-LAB	34.018, 17.559, -25.146
XYZ	9.637, 8.017, 18.808
xyY	0.264, 0.22, 8.017
CIE-LCH	34.018, 30.669, 304.925
CIE-LUV	34.018, 4.009, -35.855
Hunter-Lab	28.314, 11.206, -19.564
Binary	01010111, 01001000, 01111000

#574878
```
#574878 rgb(87,72,120)
```
#697848
```
#697848 rgb(105,120,72)
```

Complementary Color

#485178
```
#485178 rgb(72,81,120)
```
#574878
```
#574878 rgb(87,72,120)
```
#6f4878
```
#6f4878 rgb(111,72,120)
```

Analogous Color

#517848
```
#517848 rgb(81,120,72)
```
#574878
```
#574878 rgb(87,72,120)
```
#786f48
```
#786f48 rgb(120,111,72)
```

Split Complementary Color

#487857
```
#487857 rgb(72,120,87)
```
#574878
```
#574878 rgb(87,72,120)
```
#785748
```
#785748 rgb(120,87,72)
```

Triadic Color

#486978
```
#486978 rgb(72,105,120)
```
#574878
```
#574878 rgb(87,72,120)
```
#785748
```
#785748 rgb(120,87,72)
```
#697848
```
#697848 rgb(105,120,72)
```

Tetradic Color

#342b48
```
#342b48 rgb(52,43,72)
```
#403558
```
#403558 rgb(64,53,88)
```
#4b3e68
```
#4b3e68 rgb(75,62,104)
```
#574878
```
#574878 rgb(87,72,120)
```
#635288
```
#635288 rgb(99,82,136)
```
#6e5b98
```
#6e5b98 rgb(110,91,152)
```
#7b68a4
```
#7b68a4 rgb(123,104,164)
```

Monochromatic Color

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

#4b4878
```
#4b4878 rgb(75,72,120)
```
#4f4878
```
#4f4878 rgb(79,72,120)
```
#534878
```
#534878 rgb(83,72,120)
```
#574878
```
#574878 rgb(87,72,120)
```
#5b4878
```
#5b4878 rgb(91,72,120)
```
#5f4878
```
#5f4878 rgb(95,72,120)
```
#634878
```
#634878 rgb(99,72,120)
```

Similar Colors

Text with hexadecimal color #574878

This text has a font color of #574878.

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

#574878 background color

This paragraph has a background color of #574878.

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

#574878 border color

This element has a border color of #574878.

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

CSS codes

.text {color:#574878;}

.background {background-color:#574878;}

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

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, #07060a is the darkest color, while #fdfcfd is the lightest one.

#07060a
```
#07060a rgb(7,6,10)
```
#100d16
```
#100d16 rgb(16,13,22)
```
#191522
```
#191522 rgb(25,21,34)
```
#221c2e
```
#221c2e rgb(34,28,46)
```
#2b233b
```
#2b233b rgb(43,35,59)
```
#332b47
```
#332b47 rgb(51,43,71)
```
#3c3253
```
#3c3253 rgb(60,50,83)
```
#45395f
```
#45395f rgb(69,57,95)
```
#4e416c
```
#4e416c rgb(78,65,108)
```
#574878
```
#574878 rgb(87,72,120)
```
#604f84
```
#604f84 rgb(96,79,132)
```
#695791
```
#695791 rgb(105,87,145)
```
#725e9d
```
#725e9d rgb(114,94,157)
```

Shade Color Variation

#7c69a5
```
#7c69a5 rgb(124,105,165)
```
#8776ad
```
#8776ad rgb(135,118,173)
```
#9182b4
```
#9182b4 rgb(145,130,180)
```
#9c8ebb
```
#9c8ebb rgb(156,142,187)
```
#a79ac3
```
#a79ac3 rgb(167,154,195)
```
#b2a7ca
```
#b2a7ca rgb(178,167,202)
```
#bcb3d1
```
#bcb3d1 rgb(188,179,209)
```
#c7bfd9
```
#c7bfd9 rgb(199,191,217)
```
#d2cbe0
```
#d2cbe0 rgb(210,203,224)
```
#ddd8e7
```
#ddd8e7 rgb(221,216,231)
```
#e7e4ef
```
#e7e4ef rgb(231,228,239)
```
#f2f0f6
```
#f2f0f6 rgb(242,240,246)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#5f5e62
```
#5f5e62 rgb(95,94,98)
```
#5d5769
```
#5d5769 rgb(93,87,105)
```
#5a4f71
```
#5a4f71 rgb(90,79,113)
```
#574878
```
#574878 rgb(87,72,120)
```
#54417f
```
#54417f rgb(84,65,127)
```
#513987
```
#513987 rgb(81,57,135)
```
#4f328e
```
#4f328e rgb(79,50,142)
```
#4c2a96
```
#4c2a96 rgb(76,42,150)
```
#49239d
```
#49239d rgb(73,35,157)
```
#461ca4
```
#461ca4 rgb(70,28,164)
```
#4414ac
```
#4414ac rgb(68,20,172)
```
#410db3
```
#410db3 rgb(65,13,179)
```
#3e06ba
```
#3e06ba rgb(62,6,186)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#53505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#485783 Protanopia 1% of men
#49587c Deuteranopia 1% of men
#58585f Tritanopia 0.001% of the population

Trichromacy

#4d517f Protanomaly 1% of men, 0.01% of women
#4e527a Deuteranomaly 6% of men, 0.4% of women
#575268 Tritanomaly 0.01% of the population

#574878 hex color

#574878 Color Information

#574878 Color Conversion

Color Schemes with #574878

Alternatives to #574878

#574878 Preview

Shades and Tints of #574878

Tones of #574878

Color Blindness Simulator