#574180 hex color

In a RGB color space, hex #574180 is composed of 34.1% red, 25.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 49.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 261 degrees, a saturation of 32.6% and a lightness of 37.8%. #574180 color hex could be obtained by blending #ae82ff with #000001. Closest websafe color is: #663399.

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

● #574180 color description : Dark moderate violet.

The hexadecimal color #574180 has RGB values of R:87, G:65, B:128 and CMYK values of C:0.32, M:0.49, Y:0, K:0.5. Its decimal value is 5718400.

Hex triplet	574180	`#574180`
RGB Decimal	87, 65, 128	`rgb(87,65,128)`
RGB Percent	34.1, 25.5, 50.2	`rgb(34.1%,25.5%,50.2%)`
CMYK	32, 49, 0, 50
HSL	261°, 32.6, 37.8	`hsl(261,32.6%,37.8%)`
HSV (or HSB)	261°, 49.2, 50.2
Web Safe	663399	`#663399`

CIE-LAB	32.625, 24.201, -32.321
XYZ	9.716, 7.365, 21.331
xyY	0.253, 0.192, 7.365
CIE-LCH	32.625, 40.378, 306.825
CIE-LUV	32.625, 5.586, -45.993
Hunter-Lab	27.139, 16.413, -27.603
Binary	01010111, 01000001, 10000000

#574180
```
#574180 rgb(87,65,128)
```
#6a8041
```
#6a8041 rgb(106,128,65)
```

Complementary Color

#414b80
```
#414b80 rgb(65,75,128)
```
#574180
```
#574180 rgb(87,65,128)
```
#774180
```
#774180 rgb(119,65,128)
```

Analogous Color

#4b8041
```
#4b8041 rgb(75,128,65)
```
#574180
```
#574180 rgb(87,65,128)
```
#807741
```
#807741 rgb(128,119,65)
```

Split Complementary Color

#418057
```
#418057 rgb(65,128,87)
```
#574180
```
#574180 rgb(87,65,128)
```
#805741
```
#805741 rgb(128,87,65)
```

Triadic Color

#416a80
```
#416a80 rgb(65,106,128)
```
#574180
```
#574180 rgb(87,65,128)
```
#805741
```
#805741 rgb(128,87,65)
```
#6a8041
```
#6a8041 rgb(106,128,65)
```

Tetradic Color

#35274d
```
#35274d rgb(53,39,77)
```
#40305e
```
#40305e rgb(64,48,94)
```
#4c386f
```
#4c386f rgb(76,56,111)
```
#574180
```
#574180 rgb(87,65,128)
```
#624a91
```
#624a91 rgb(98,74,145)
```
#6e52a2
```
#6e52a2 rgb(110,82,162)
```
#7b5fae
```
#7b5fae rgb(123,95,174)
```

Monochromatic Color

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

#474180
```
#474180 rgb(71,65,128)
```
#4d4180
```
#4d4180 rgb(77,65,128)
```
#524180
```
#524180 rgb(82,65,128)
```
#574180
```
#574180 rgb(87,65,128)
```
#5c4180
```
#5c4180 rgb(92,65,128)
```
#624180
```
#624180 rgb(98,65,128)
```
#674180
```
#674180 rgb(103,65,128)
```

Similar Colors

Text with hexadecimal color #574180

This text has a font color of #574180.

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

#574180 background color

This paragraph has a background color of #574180.

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

#574180 border color

This element has a border color of #574180.

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

CSS codes

.text {color:#574180;}

.background {background-color:#574180;}

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

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

#07060b
```
#07060b rgb(7,6,11)
```
#100c18
```
#100c18 rgb(16,12,24)
```
#191325
```
#191325 rgb(25,19,37)
```
#221932
```
#221932 rgb(34,25,50)
```
#2b203f
```
#2b203f rgb(43,32,63)
```
#34274c
```
#34274c rgb(52,39,76)
```
#3c2d59
```
#3c2d59 rgb(60,45,89)
```
#453466
```
#453466 rgb(69,52,102)
```
#4e3a73
```
#4e3a73 rgb(78,58,115)
```
#574180
```
#574180 rgb(87,65,128)
```
#60488d
```
#60488d rgb(96,72,141)
```
#694e9a
```
#694e9a rgb(105,78,154)
```
#7255a7
```
#7255a7 rgb(114,85,167)
```

Shade Color Variation

#7c61af
```
#7c61af rgb(124,97,175)
```
#876eb5
```
#876eb5 rgb(135,110,181)
```
#927bbc
```
#927bbc rgb(146,123,188)
```
#9c88c2
```
#9c88c2 rgb(156,136,194)
```
#a795c9
```
#a795c9 rgb(167,149,201)
```
#b2a2d0
```
#b2a2d0 rgb(178,162,208)
```
#bdafd6
```
#bdafd6 rgb(189,175,214)
```
#c7bcdd
```
#c7bcdd rgb(199,188,221)
```
#d2c9e4
```
#d2c9e4 rgb(210,201,228)
```
#ddd6ea
```
#ddd6ea rgb(221,214,234)
```
#e8e3f1
```
#e8e3f1 rgb(232,227,241)
```
#f2f0f7
```
#f2f0f7 rgb(242,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f62 is the less saturated color, while #4506bb is the most saturated one.

#605f62
```
#605f62 rgb(96,95,98)
```
#5e576a
```
#5e576a rgb(94,87,106)
```
#5b5071
```
#5b5071 rgb(91,80,113)
```
#594879
```
#594879 rgb(89,72,121)
```
#574180
```
#574180 rgb(87,65,128)
```
#553a87
```
#553a87 rgb(85,58,135)
```
#53328f
```
#53328f rgb(83,50,143)
```
#502b96
```
#502b96 rgb(80,43,150)
```
#4e239e
```
#4e239e rgb(78,35,158)
```
#4c1ca5
```
#4c1ca5 rgb(76,28,165)
```
#4a14ad
```
#4a14ad rgb(74,20,173)
```
#470db4
```
#470db4 rgb(71,13,180)
```
#4506bb
```
#4506bb rgb(69,6,187)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#514c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39548e Protanopia 1% of men
#3a5682 Deuteranopia 1% of men
#55555b Tritanopia 0.001% of the population

Trichromacy

#444d88 Protanomaly 1% of men, 0.01% of women
#454e81 Deuteranomaly 6% of men, 0.4% of women
#554e68 Tritanomaly 0.01% of the population

#574180 hex color

#574180 Color Information

#574180 Color Conversion

Color Schemes with #574180

Alternatives to #574180

#574180 Preview

Shades and Tints of #574180

Tones of #574180

Color Blindness Simulator