#574166 hex color

In a RGB color space, hex #574166 is composed of 34.1% red, 25.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 36.3% magenta, 0% yellow and 60% black. It has a hue angle of 275.7 degrees, a saturation of 22.2% and a lightness of 32.7%. #574166 color hex could be obtained by blending #ae82cc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 25
- B 40
RGB color chart
- C 15
- M 36
- Y 0
- K 60
CMYK color chart

● #574166 color description : Very dark desaturated violet.

The hexadecimal color #574166 has RGB values of R:87, G:65, B:102 and CMYK values of C:0.15, M:0.36, Y:0, K:0.6. Its decimal value is 5718374.

Hex triplet	574166	`#574166`
RGB Decimal	87, 65, 102	`rgb(87,65,102)`
RGB Percent	34.1, 25.5, 40	`rgb(34.1%,25.5%,40%)`
CMYK	15, 36, 0, 60
HSL	275.7°, 22.2, 32.7	`hsl(275.7,22.2%,32.7%)`
HSV (or HSB)	275.7°, 36.3, 40
Web Safe	663366	`#663366`

CIE-LAB	31.269, 17.357, -18.09
XYZ	8.219, 6.766, 13.443
xyY	0.289, 0.238, 6.766
CIE-LCH	31.269, 25.07, 313.815
CIE-LUV	31.269, 8.644, -25.394
Hunter-Lab	26.012, 10.877, -12.432
Binary	01010111, 01000001, 01100110

#574166
```
#574166 rgb(87,65,102)
```
#506641
```
#506641 rgb(80,102,65)
```

Complementary Color

#454166
```
#454166 rgb(69,65,102)
```
#574166
```
#574166 rgb(87,65,102)
```
#664163
```
#664163 rgb(102,65,99)
```

Analogous Color

#416645
```
#416645 rgb(65,102,69)
```
#574166
```
#574166 rgb(87,65,102)
```
#636641
```
#636641 rgb(99,102,65)
```

Split Complementary Color

#416657
```
#416657 rgb(65,102,87)
```
#574166
```
#574166 rgb(87,65,102)
```
#665741
```
#665741 rgb(102,87,65)
```

Triadic Color

#415066
```
#415066 rgb(65,80,102)
```
#574166
```
#574166 rgb(87,65,102)
```
#665741
```
#665741 rgb(102,87,65)
```
#506641
```
#506641 rgb(80,102,65)
```

Tetradic Color

#2f2337
```
#2f2337 rgb(47,35,55)
```
#3c2d47
```
#3c2d47 rgb(60,45,71)
```
#4a3756
```
#4a3756 rgb(74,55,86)
```
#574166
```
#574166 rgb(87,65,102)
```
#644b76
```
#644b76 rgb(100,75,118)
```
#725585
```
#725585 rgb(114,85,133)
```
#7f5f95
```
#7f5f95 rgb(127,95,149)
```

Monochromatic Color

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

#4e4166
```
#4e4166 rgb(78,65,102)
```
#514166
```
#514166 rgb(81,65,102)
```
#544166
```
#544166 rgb(84,65,102)
```
#574166
```
#574166 rgb(87,65,102)
```
#5a4166
```
#5a4166 rgb(90,65,102)
```
#5d4166
```
#5d4166 rgb(93,65,102)
```
#604166
```
#604166 rgb(96,65,102)
```

Similar Colors

Text with hexadecimal color #574166

This text has a font color of #574166.

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

#574166 background color

This paragraph has a background color of #574166.

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

#574166 border color

This element has a border color of #574166.

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

CSS codes

.text {color:#574166;}

.background {background-color:#574166;}

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

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

#050406
```
#050406 rgb(5,4,6)
```
#0f0c12
```
#0f0c12 rgb(15,12,18)
```
#1a131e
```
#1a131e rgb(26,19,30)
```
#241b2a
```
#241b2a rgb(36,27,42)
```
#2e2236
```
#2e2236 rgb(46,34,54)
```
#382a42
```
#382a42 rgb(56,42,66)
```
#43324e
```
#43324e rgb(67,50,78)
```
#4d395a
```
#4d395a rgb(77,57,90)
```
#574166
```
#574166 rgb(87,65,102)
```
#614972
```
#614972 rgb(97,73,114)
```
#6b507e
```
#6b507e rgb(107,80,126)
```
#76588a
```
#76588a rgb(118,88,138)
```
#806096
```
#806096 rgb(128,96,150)
```

Shade Color Variation

#8a69a0
```
#8a69a0 rgb(138,105,160)
```
#9375a7
```
#9375a7 rgb(147,117,167)
```
#9c81af
```
#9c81af rgb(156,129,175)
```
#a68db7
```
#a68db7 rgb(166,141,183)
```
#af99be
```
#af99be rgb(175,153,190)
```
#b9a5c6
```
#b9a5c6 rgb(185,165,198)
```
#c2b1cd
```
#c2b1cd rgb(194,177,205)
```
#cbbdd5
```
#cbbdd5 rgb(203,189,213)
```
#d5c9dd
```
#d5c9dd rgb(213,201,221)
```
#ded5e4
```
#ded5e4 rgb(222,213,228)
```
#e8e1ec
```
#e8e1ec rgb(232,225,236)
```
#f1edf4
```
#f1edf4 rgb(241,237,244)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #554e59 is the less saturated color, while #6301a6 is the most saturated one.

#554e59
```
#554e59 rgb(85,78,89)
```
#564760
```
#564760 rgb(86,71,96)
```
#574166
```
#574166 rgb(87,65,102)
```
#583b6c
```
#583b6c rgb(88,59,108)
```
#593473
```
#593473 rgb(89,52,115)
```
#5b2e79
```
#5b2e79 rgb(91,46,121)
```
#5c2780
```
#5c2780 rgb(92,39,128)
```
#5d2186
```
#5d2186 rgb(93,33,134)
```
#5e1a8d
```
#5e1a8d rgb(94,26,141)
```
#601493
```
#601493 rgb(96,20,147)
```
#610e99
```
#610e99 rgb(97,14,153)
```
#6207a0
```
#6207a0 rgb(98,7,160)
```
#6301a6
```
#6301a6 rgb(99,1,166)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475172 Protanopia 1% of men
#4c516b Deuteranopia 1% of men
#5b5055 Tritanopia 0.001% of the population

Trichromacy

#4d4b6e Protanomaly 1% of men, 0.01% of women
#504b69 Deuteranomaly 6% of men, 0.4% of women
#594a5b Tritanomaly 0.01% of the population

#574166 hex color

#574166 Color Information

#574166 Color Conversion

Color Schemes with #574166

Alternatives to #574166

#574166 Preview

Shades and Tints of #574166

Tones of #574166

Color Blindness Simulator