#574f63 hex color

In a RGB color space, hex #574f63 is composed of 34.1% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 264 degrees, a saturation of 11.2% and a lightness of 34.9%. #574f63 color hex could be obtained by blending #ae9ec6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 31
- B 39
RGB color chart
- C 12
- M 20
- Y 0
- K 61
CMYK color chart

● #574f63 color description : Very dark grayish violet.

The hexadecimal color #574f63 has RGB values of R:87, G:79, B:99 and CMYK values of C:0.12, M:0.2, Y:0, K:0.61. Its decimal value is 5721955.

Hex triplet	574f63	`#574f63`
RGB Decimal	87, 79, 99	`rgb(87,79,99)`
RGB Percent	34.1, 31, 38.8	`rgb(34.1%,31%,38.8%)`
CMYK	12, 20, 0, 61
HSL	264°, 11.2, 34.9	`hsl(264,11.2%,34.9%)`
HSV (or HSB)	264°, 20.2, 38.8
Web Safe	666666	`#666666`

CIE-LAB	35.041, 7.707, -10.417
XYZ	8.978, 8.519, 12.975
xyY	0.295, 0.28, 8.519
CIE-LCH	35.041, 12.958, 306.495
CIE-LUV	35.041, 2.993, -14.546
Hunter-Lab	29.187, 3.829, -5.926
Binary	01010111, 01001111, 01100011

#574f63
```
#574f63 rgb(87,79,99)
```
#5b634f
```
#5b634f rgb(91,99,79)
```

Complementary Color

#4f5163
```
#4f5163 rgb(79,81,99)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#614f63
```
#614f63 rgb(97,79,99)
```

Analogous Color

#51634f
```
#51634f rgb(81,99,79)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#63614f
```
#63614f rgb(99,97,79)
```

Split Complementary Color

#4f6357
```
#4f6357 rgb(79,99,87)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#63574f
```
#63574f rgb(99,87,79)
```

Triadic Color

#4f5b63
```
#4f5b63 rgb(79,91,99)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#63574f
```
#63574f rgb(99,87,79)
```
#5b634f
```
#5b634f rgb(91,99,79)
```

Tetradic Color

#322d38
```
#322d38 rgb(50,45,56)
```
#3e3847
```
#3e3847 rgb(62,56,71)
```
#4b4455
```
#4b4455 rgb(75,68,85)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#635a71
```
#635a71 rgb(99,90,113)
```
#70667f
```
#70667f rgb(112,102,127)
```
#7c718e
```
#7c718e rgb(124,113,142)
```

Monochromatic Color

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

#524f63
```
#524f63 rgb(82,79,99)
```
#544f63
```
#544f63 rgb(84,79,99)
```
#554f63
```
#554f63 rgb(85,79,99)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#594f63
```
#594f63 rgb(89,79,99)
```
#5a4f63
```
#5a4f63 rgb(90,79,99)
```
#5c4f63
```
#5c4f63 rgb(92,79,99)
```

Similar Colors

Text with hexadecimal color #574f63

This text has a font color of #574f63.

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

#574f63 background color

This paragraph has a background color of #574f63.

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

#574f63 border color

This element has a border color of #574f63.

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

CSS codes

.text {color:#574f63;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a090c
```
#0a090c rgb(10,9,12)
```
#141217
```
#141217 rgb(20,18,23)
```
#1d1b22
```
#1d1b22 rgb(29,27,34)
```
#27232c
```
#27232c rgb(39,35,44)
```
#312c37
```
#312c37 rgb(49,44,55)
```
#3a3542
```
#3a3542 rgb(58,53,66)
```
#443e4d
```
#443e4d rgb(68,62,77)
```
#4d4658
```
#4d4658 rgb(77,70,88)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#61586e
```
#61586e rgb(97,88,110)
```
#6a6079
```
#6a6079 rgb(106,96,121)
```
#746984
```
#746984 rgb(116,105,132)
```

Shade Color Variation

#7d728e
```
#7d728e rgb(125,114,142)
```
#877d97
```
#877d97 rgb(135,125,151)
```
#9188a0
```
#9188a0 rgb(145,136,160)
```
#9b93a9
```
#9b93a9 rgb(155,147,169)
```
#a59eb1
```
#a59eb1 rgb(165,158,177)
```
#b0a9ba
```
#b0a9ba rgb(176,169,186)
```
#bab3c3
```
#bab3c3 rgb(186,179,195)
```
#c4becb
```
#c4becb rgb(196,190,203)
```
#cec9d4
```
#cec9d4 rgb(206,201,212)
```
#d8d4dd
```
#d8d4dd rgb(216,212,221)
```
#e2dfe6
```
#e2dfe6 rgb(226,223,230)
```
#eceaee
```
#eceaee rgb(236,234,238)
```
#f6f5f7
```
#f6f5f7 rgb(246,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58565c is the less saturated color, while #4804ae is the most saturated one.

#58565c
```
#58565c rgb(88,86,92)
```
#574f63
```
#574f63 rgb(87,79,99)
```
#56486a
```
#56486a rgb(86,72,106)
```
#544171
```
#544171 rgb(84,65,113)
```
#533a78
```
#533a78 rgb(83,58,120)
```
#52347e
```
#52347e rgb(82,52,126)
```
#502d85
```
#502d85 rgb(80,45,133)
```
#4f268c
```
#4f268c rgb(79,38,140)
```
#4d1f93
```
#4d1f93 rgb(77,31,147)
```
#4c189a
```
#4c189a rgb(76,24,154)
```
#4b11a1
```
#4b11a1 rgb(75,17,161)
```
#490ba7
```
#490ba7 rgb(73,11,167)
```
#4804ae
```
#4804ae rgb(72,4,174)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#555357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575a6c Protanopia 1% of men
#5b596a Deuteranopia 1% of men
#5d5a60 Tritanopia 0.001% of the population

Trichromacy

#575669 Protanomaly 1% of men, 0.01% of women
#5a5567 Deuteranomaly 6% of men, 0.4% of women
#5b5661 Tritanomaly 0.01% of the population

#574f63 hex color

#574f63 Color Information

#574f63 Color Conversion

Color Schemes with #574f63

Alternatives to #574f63

#574f63 Preview

Shades and Tints of #574f63

Tones of #574f63

Color Blindness Simulator