#574381 hex color

In a RGB color space, hex #574381 is composed of 34.1% red, 26.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 48.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 259.4 degrees, a saturation of 31.6% and a lightness of 38.4%. #574381 color hex could be obtained by blending #ae86ff with #000003. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 26
- B 51
RGB color chart
- C 33
- M 48
- Y 0
- K 49
CMYK color chart

● #574381 color description : Dark moderate violet.

The hexadecimal color #574381 has RGB values of R:87, G:67, B:129 and CMYK values of C:0.33, M:0.48, Y:0, K:0.49. Its decimal value is 5718913.

Hex triplet	574381	`#574381`
RGB Decimal	87, 67, 129	`rgb(87,67,129)`
RGB Percent	34.1, 26.3, 50.6	`rgb(34.1%,26.3%,50.6%)`
CMYK	33, 48, 0, 49
HSL	259.4°, 31.6, 38.4	`hsl(259.4,31.6%,38.4%)`
HSV (or HSB)	259.4°, 48.1, 50.6
Web Safe	663399	`#663399`

CIE-LAB	33.19, 23.221, -32.045
XYZ	9.899, 7.626, 21.718
xyY	0.252, 0.194, 7.626
CIE-LCH	33.19, 39.573, 305.928
CIE-LUV	33.19, 4.828, -45.759
Hunter-Lab	27.614, 15.665, -27.3
Binary	01010111, 01000011, 10000001

#574381
```
#574381 rgb(87,67,129)
```
#6d8143
```
#6d8143 rgb(109,129,67)
```

Complementary Color

#434e81
```
#434e81 rgb(67,78,129)
```
#574381
```
#574381 rgb(87,67,129)
```
#764381
```
#764381 rgb(118,67,129)
```

Analogous Color

#4e8143
```
#4e8143 rgb(78,129,67)
```
#574381
```
#574381 rgb(87,67,129)
```
#817643
```
#817643 rgb(129,118,67)
```

Split Complementary Color

#438157
```
#438157 rgb(67,129,87)
```
#574381
```
#574381 rgb(87,67,129)
```
#815743
```
#815743 rgb(129,87,67)
```

Triadic Color

#436d81
```
#436d81 rgb(67,109,129)
```
#574381
```
#574381 rgb(87,67,129)
```
#815743
```
#815743 rgb(129,87,67)
```
#6d8143
```
#6d8143 rgb(109,129,67)
```

Tetradic Color

#35294f
```
#35294f rgb(53,41,79)
```
#40325f
```
#40325f rgb(64,50,95)
```
#4c3a70
```
#4c3a70 rgb(76,58,112)
```
#574381
```
#574381 rgb(87,67,129)
```
#624c92
```
#624c92 rgb(98,76,146)
```
#6e54a3
```
#6e54a3 rgb(110,84,163)
```
#7b63ae
```
#7b63ae rgb(123,99,174)
```

Monochromatic Color

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

#474381
```
#474381 rgb(71,67,129)
```
#4d4381
```
#4d4381 rgb(77,67,129)
```
#524381
```
#524381 rgb(82,67,129)
```
#574381
```
#574381 rgb(87,67,129)
```
#5c4381
```
#5c4381 rgb(92,67,129)
```
#614381
```
#614381 rgb(97,67,129)
```
#674381
```
#674381 rgb(103,67,129)
```

Similar Colors

Text with hexadecimal color #574381

This text has a font color of #574381.

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

#574381 background color

This paragraph has a background color of #574381.

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

#574381 border color

This element has a border color of #574381.

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

CSS codes

.text {color:#574381;}

.background {background-color:#574381;}

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

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, #09070d is the darkest color, while #ffffff is the lightest one.

#09070d
```
#09070d rgb(9,7,13)
```
#110d1a
```
#110d1a rgb(17,13,26)
```
#1a1427
```
#1a1427 rgb(26,20,39)
```
#231b34
```
#231b34 rgb(35,27,52)
```
#2b2140
```
#2b2140 rgb(43,33,64)
```
#34284d
```
#34284d rgb(52,40,77)
```
#3d2f5a
```
#3d2f5a rgb(61,47,90)
```
#463667
```
#463667 rgb(70,54,103)
```
#4e3c74
```
#4e3c74 rgb(78,60,116)
```
#574381
```
#574381 rgb(87,67,129)
```
#604a8e
```
#604a8e rgb(96,74,142)
```
#68509b
```
#68509b rgb(104,80,155)
```
#7157a8
```
#7157a8 rgb(113,87,168)
```

Shade Color Variation

#7c64ae
```
#7c64ae rgb(124,100,174)
```
#8771b5
```
#8771b5 rgb(135,113,181)
```
#927ebc
```
#927ebc rgb(146,126,188)
```
#9d8bc3
```
#9d8bc3 rgb(157,139,195)
```
#a898c9
```
#a898c9 rgb(168,152,201)
```
#b3a5d0
```
#b3a5d0 rgb(179,165,208)
```
#bdb1d7
```
#bdb1d7 rgb(189,177,215)
```
#c8bedd
```
#c8bedd rgb(200,190,221)
```
#d3cbe4
```
#d3cbe4 rgb(211,203,228)
```
#ded8eb
```
#ded8eb rgb(222,216,235)
```
#e9e5f2
```
#e9e5f2 rgb(233,229,242)
```
#f4f2f8
```
#f4f2f8 rgb(244,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#626163
```
#626163 rgb(98,97,99)
```
#5f5a6a
```
#5f5a6a rgb(95,90,106)
```
#5c5272
```
#5c5272 rgb(92,82,114)
```
#5a4b79
```
#5a4b79 rgb(90,75,121)
```
#574381
```
#574381 rgb(87,67,129)
```
#543b89
```
#543b89 rgb(84,59,137)
```
#523490
```
#523490 rgb(82,52,144)
```
#4f2c98
```
#4f2c98 rgb(79,44,152)
```
#4c259f
```
#4c259f rgb(76,37,159)
```
#4a1da7
```
#4a1da7 rgb(74,29,167)
```
#4716ae
```
#4716ae rgb(71,22,174)
```
#440eb6
```
#440eb6 rgb(68,14,182)
```
#4207bd
```
#4207bd rgb(66,7,189)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#514d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b558e Protanopia 1% of men
#3c5783 Deuteranopia 1% of men
#55575d Tritanopia 0.001% of the population

Trichromacy

#454e89 Protanomaly 1% of men, 0.01% of women
#464f82 Deuteranomaly 6% of men, 0.4% of women
#564f6a Tritanomaly 0.01% of the population

#574381 hex color

#574381 Color Information

#574381 Color Conversion

Color Schemes with #574381

Alternatives to #574381

#574381 Preview

Shades and Tints of #574381

Tones of #574381

Color Blindness Simulator