#574757 hex color

In a RGB color space, hex #574757 is composed of 34.1% red, 27.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 0% yellow and 65.9% black. It has a hue angle of 300 degrees, a saturation of 10.1% and a lightness of 31%. #574757 color hex could be obtained by blending #ae8eae with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 28
- B 34
RGB color chart
- C 0
- M 18
- Y 0
- K 66
CMYK color chart

● #574757 color description : Very dark grayish magenta.

The hexadecimal color #574757 has RGB values of R:87, G:71, B:87 and CMYK values of C:0, M:0.18, Y:0, K:0.66. Its decimal value is 5719895.

Hex triplet	574757	`#574757`
RGB Decimal	87, 71, 87	`rgb(87,71,87)`
RGB Percent	34.1, 27.8, 34.1	`rgb(34.1%,27.8%,34.1%)`
CMYK	0, 18, 0, 66
HSL	300°, 10.1, 31	`hsl(300,10.1%,31%)`
HSV (or HSB)	300°, 18.4, 34.1
Web Safe	663366	`#663366`

CIE-LAB	32.305, 10.03, -6.932
XYZ	7.904, 7.221, 9.994
xyY	0.315, 0.287, 7.221
CIE-LCH	32.305, 12.193, 325.35
CIE-LUV	32.305, 7.73, -10.002
Hunter-Lab	26.872, 5.476, -3.24
Binary	01010111, 01000111, 01010111

#574757
```
#574757 rgb(87,71,87)
```
#475747
```
#475747 rgb(71,87,71)
```

Complementary Color

#4f4757
```
#4f4757 rgb(79,71,87)
```
#574757
```
#574757 rgb(87,71,87)
```
#57474f
```
#57474f rgb(87,71,79)
```

Analogous Color

#47574f
```
#47574f rgb(71,87,79)
```
#574757
```
#574757 rgb(87,71,87)
```
#4f5747
```
#4f5747 rgb(79,87,71)
```

Split Complementary Color

#475757
```
#475757 rgb(71,87,87)
```
#574757
```
#574757 rgb(87,71,87)
```
#575747
```
#575747 rgb(87,87,71)
```

Triadic Color

#474757
```
#474757 rgb(71,71,87)
```
#574757
```
#574757 rgb(87,71,87)
```
#575747
```
#575747 rgb(87,87,71)
```
#475747
```
#475747 rgb(71,87,71)
```

Tetradic Color

#2d252d
```
#2d252d rgb(45,37,45)
```
#3b303b
```
#3b303b rgb(59,48,59)
```
#493c49
```
#493c49 rgb(73,60,73)
```
#574757
```
#574757 rgb(87,71,87)
```
#655265
```
#655265 rgb(101,82,101)
```
#735e73
```
#735e73 rgb(115,94,115)
```
#816981
```
#816981 rgb(129,105,129)
```

Monochromatic Color

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

#534757
```
#534757 rgb(83,71,87)
```
#544757
```
#544757 rgb(84,71,87)
```
#564757
```
#564757 rgb(86,71,87)
```
#574757
```
#574757 rgb(87,71,87)
```
#574756
```
#574756 rgb(87,71,86)
```
#574754
```
#574754 rgb(87,71,84)
```
#574753
```
#574753 rgb(87,71,83)
```

Similar Colors

Text with hexadecimal color #574757

This text has a font color of #574757.

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

#574757 background color

This paragraph has a background color of #574757.

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

#574757 border color

This element has a border color of #574757.

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

CSS codes

.text {color:#574757;}

.background {background-color:#574757;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0b090b
```
#0b090b rgb(11,9,11)
```
#161216
```
#161216 rgb(22,18,22)
```
#211b21
```
#211b21 rgb(33,27,33)
```
#2c242c
```
#2c242c rgb(44,36,44)
```
#372d37
```
#372d37 rgb(55,45,55)
```
#413541
```
#413541 rgb(65,53,65)
```
#4c3e4c
```
#4c3e4c rgb(76,62,76)
```
#574757
```
#574757 rgb(87,71,87)
```
#625062
```
#625062 rgb(98,80,98)
```
#6d596d
```
#6d596d rgb(109,89,109)
```
#776177
```
#776177 rgb(119,97,119)
```
#826a82
```
#826a82 rgb(130,106,130)
```

Shade Color Variation

#8d738d
```
#8d738d rgb(141,115,141)
```
#967e96
```
#967e96 rgb(150,126,150)
```
#9f899f
```
#9f899f rgb(159,137,159)
```
#a794a7
```
#a794a7 rgb(167,148,167)
```
#b09eb0
```
#b09eb0 rgb(176,158,176)
```
#b9a9b9
```
#b9a9b9 rgb(185,169,185)
```
#c2b4c2
```
#c2b4c2 rgb(194,180,194)
```
#cbbfcb
```
#cbbfcb rgb(203,191,203)
```
#d3cad3
```
#d3cad3 rgb(211,202,211)
```
#dcd4dc
```
#dcd4dc rgb(220,212,220)
```
#e5dfe5
```
#e5dfe5 rgb(229,223,229)
```
#eeeaee
```
#eeeaee rgb(238,234,238)
```
#f7f5f7
```
#f7f5f7 rgb(247,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514d51 is the less saturated color, while #9a049a is the most saturated one.

#514d51
```
#514d51 rgb(81,77,81)
```
#574757
```
#574757 rgb(87,71,87)
```
#5d415d
```
#5d415d rgb(93,65,93)
```
#633b63
```
#633b63 rgb(99,59,99)
```
#693569
```
#693569 rgb(105,53,105)
```
#6f2f6f
```
#6f2f6f rgb(111,47,111)
```
#752975
```
#752975 rgb(117,41,117)
```
#7b237b
```
#7b237b rgb(123,35,123)
```
#821c82
```
#821c82 rgb(130,28,130)
```
#881688
```
#881688 rgb(136,22,136)
```
#8e108e
```
#8e108e rgb(142,16,142)
```
#940a94
```
#940a94 rgb(148,10,148)
```
#9a049a
```
#9a049a rgb(154,4,154)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#504d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525462 Protanopia 1% of men
#58535e Deuteranopia 1% of men
#5e5257 Tritanopia 0.001% of the population

Trichromacy

#544f5e Protanomaly 1% of men, 0.01% of women
#574e5c Deuteranomaly 6% of men, 0.4% of women
#5b4e57 Tritanomaly 0.01% of the population

#574757 hex color

#574757 Color Information

#574757 Color Conversion

Color Schemes with #574757

Alternatives to #574757

#574757 Preview

Shades and Tints of #574757

Tones of #574757

Color Blindness Simulator