#574c80 hex color

In a RGB color space, hex #574c80 is composed of 34.1% red, 29.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 40.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 252.7 degrees, a saturation of 25.5% and a lightness of 40%. #574c80 color hex could be obtained by blending #ae98ff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 30
- B 50
RGB color chart
- C 32
- M 41
- Y 0
- K 50
CMYK color chart

● #574c80 color description : Mostly desaturated dark blue.

The hexadecimal color #574c80 has RGB values of R:87, G:76, B:128 and CMYK values of C:0.32, M:0.41, Y:0, K:0.5. Its decimal value is 5721216.

Hex triplet	574c80	`#574c80`
RGB Decimal	87, 76, 128	`rgb(87,76,128)`
RGB Percent	34.1, 29.8, 50.2	`rgb(34.1%,29.8%,50.2%)`
CMYK	32, 41, 0, 50
HSL	252.7°, 25.5, 40	`hsl(252.7,25.5%,40%)`
HSV (or HSB)	252.7°, 40.6, 50.2
Web Safe	663399	`#663399`

CIE-LAB	35.505, 17.223, -27.773
XYZ	10.411, 8.754, 21.562
xyY	0.256, 0.215, 8.754
CIE-LCH	35.505, 32.68, 301.805
CIE-LUV	35.505, 1.807, -39.991
Hunter-Lab	29.586, 11.032, -22.499
Binary	01010111, 01001100, 10000000

#574c80
```
#574c80 rgb(87,76,128)
```
#75804c
```
#75804c rgb(117,128,76)
```

Complementary Color

#4c5b80
```
#4c5b80 rgb(76,91,128)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#714c80
```
#714c80 rgb(113,76,128)
```

Analogous Color

#5b804c
```
#5b804c rgb(91,128,76)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#80714c
```
#80714c rgb(128,113,76)
```

Split Complementary Color

#4c8057
```
#4c8057 rgb(76,128,87)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#80574c
```
#80574c rgb(128,87,76)
```

Triadic Color

#4c7580
```
#4c7580 rgb(76,117,128)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#80574c
```
#80574c rgb(128,87,76)
```
#75804c
```
#75804c rgb(117,128,76)
```

Tetradic Color

#363050
```
#363050 rgb(54,48,80)
```
#413960
```
#413960 rgb(65,57,96)
```
#4c4370
```
#4c4370 rgb(76,67,112)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#625690
```
#625690 rgb(98,86,144)
```
#6d5fa0
```
#6d5fa0 rgb(109,95,160)
```
#7b6faa
```
#7b6faa rgb(123,111,170)
```

Monochromatic Color

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

#4c4e80
```
#4c4e80 rgb(76,78,128)
```
#4e4c80
```
#4e4c80 rgb(78,76,128)
```
#534c80
```
#534c80 rgb(83,76,128)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#5b4c80
```
#5b4c80 rgb(91,76,128)
```
#604c80
```
#604c80 rgb(96,76,128)
```
#644c80
```
#644c80 rgb(100,76,128)
```

Similar Colors

Text with hexadecimal color #574c80

This text has a font color of #574c80.

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

#574c80 background color

This paragraph has a background color of #574c80.

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

#574c80 border color

This element has a border color of #574c80.

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

CSS codes

.text {color:#574c80;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0c0a11
```
#0c0a11 rgb(12,10,17)
```
#14121e
```
#14121e rgb(20,18,30)
```
#1c192a
```
#1c192a rgb(28,25,42)
```
#252036
```
#252036 rgb(37,32,54)
```
#2d2742
```
#2d2742 rgb(45,39,66)
```
#362f4f
```
#362f4f rgb(54,47,79)
```
#3e365b
```
#3e365b rgb(62,54,91)
```
#463d67
```
#463d67 rgb(70,61,103)
```
#4f4574
```
#4f4574 rgb(79,69,116)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#5f538c
```
#5f538c rgb(95,83,140)
```
#685b99
```
#685b99 rgb(104,91,153)
```

Shade Color Variation

#7164a3
```
#7164a3 rgb(113,100,163)
```
#7d70aa
```
#7d70aa rgb(125,112,170)
```
#887db2
```
#887db2 rgb(136,125,178)
```
#9389b9
```
#9389b9 rgb(147,137,185)
```
#9e95c0
```
#9e95c0 rgb(158,149,192)
```
#aaa1c7
```
#aaa1c7 rgb(170,161,199)
```
#b5aecf
```
#b5aecf rgb(181,174,207)
```
#c0bad6
```
#c0bad6 rgb(192,186,214)
```
#cbc6dd
```
#cbc6dd rgb(203,198,221)
```
#d7d3e5
```
#d7d3e5 rgb(215,211,229)
```
#e2dfec
```
#e2dfec rgb(226,223,236)
```
#edebf3
```
#edebf3 rgb(237,235,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#656468
```
#656468 rgb(101,100,104)
```
#605c70
```
#605c70 rgb(96,92,112)
```
#5c5478
```
#5c5478 rgb(92,84,120)
```
#574c80
```
#574c80 rgb(87,76,128)
```
#524488
```
#524488 rgb(82,68,136)
```
#4e3c90
```
#4e3c90 rgb(78,60,144)
```
#493498
```
#493498 rgb(73,52,152)
```
#452d9f
```
#452d9f rgb(69,45,159)
```
#4025a7
```
#4025a7 rgb(64,37,167)
```
#3c1daf
```
#3c1daf rgb(60,29,175)
```
#3715b7
```
#3715b7 rgb(55,21,183)
```
#330dbf
```
#330dbf rgb(51,13,191)
```
#2e05c7
```
#2e05c7 rgb(46,5,199)
```

Tone Color Variation

Below, you can see how #574c80 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
#55535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#495a8a Protanopia 1% of men
#495b84 Deuteranopia 1% of men
#575d63 Tritanopia 0.001% of the population

Trichromacy

#4e5586 Protanomaly 1% of men, 0.01% of women
#4e5682 Deuteranomaly 6% of men, 0.4% of women
#57566e Tritanomaly 0.01% of the population

#574c80 hex color

#574c80 Color Information

#574c80 Color Conversion

Color Schemes with #574c80

Alternatives to #574c80

#574c80 Preview

Shades and Tints of #574c80

Tones of #574c80

Color Blindness Simulator