#574858 hex color

In a RGB color space, hex #574858 is composed of 34.1% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 18.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 296.3 degrees, a saturation of 10% and a lightness of 31.4%. #574858 color hex could be obtained by blending #ae90b0 with #000000. Closest websafe color is: #663366.

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

● #574858 color description : Very dark grayish magenta.

The hexadecimal color #574858 has RGB values of R:87, G:72, B:88 and CMYK values of C:0.01, M:0.18, Y:0, K:0.65. Its decimal value is 5720152.

Hex triplet	574858	`#574858`
RGB Decimal	87, 72, 88	`rgb(87,72,88)`
RGB Percent	34.1, 28.2, 34.5	`rgb(34.1%,28.2%,34.5%)`
CMYK	1, 18, 0, 65
HSL	296.3°, 10, 31.4	`hsl(296.3,10%,31.4%)`
HSV (or HSB)	296.3°, 18.2, 34.5
Web Safe	663366	`#663366`

CIE-LAB	32.625, 9.613, -7.091
XYZ	8.009, 7.366, 10.232
xyY	0.313, 0.288, 7.366
CIE-LCH	32.625, 11.945, 323.589
CIE-LUV	32.625, 7.166, -10.177
Hunter-Lab	27.14, 5.181, -3.355
Binary	01010111, 01001000, 01011000

#574858
```
#574858 rgb(87,72,88)
```
#495848
```
#495848 rgb(73,88,72)
```

Complementary Color

#4f4858
```
#4f4858 rgb(79,72,88)
```
#574858
```
#574858 rgb(87,72,88)
```
#584851
```
#584851 rgb(88,72,81)
```

Analogous Color

#48584f
```
#48584f rgb(72,88,79)
```
#574858
```
#574858 rgb(87,72,88)
```
#515848
```
#515848 rgb(81,88,72)
```

Split Complementary Color

#485857
```
#485857 rgb(72,88,87)
```
#574858
```
#574858 rgb(87,72,88)
```
#585748
```
#585748 rgb(88,87,72)
```

Triadic Color

#484958
```
#484958 rgb(72,73,88)
```
#574858
```
#574858 rgb(87,72,88)
```
#585748
```
#585748 rgb(88,87,72)
```
#495848
```
#495848 rgb(73,88,72)
```

Tetradic Color

#2d262e
```
#2d262e rgb(45,38,46)
```
#3b313c
```
#3b313c rgb(59,49,60)
```
#493d4a
```
#493d4a rgb(73,61,74)
```
#574858
```
#574858 rgb(87,72,88)
```
#655366
```
#655366 rgb(101,83,102)
```
#735f74
```
#735f74 rgb(115,95,116)
```
#816a82
```
#816a82 rgb(129,106,130)
```

Monochromatic Color

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

#534858
```
#534858 rgb(83,72,88)
```
#544858
```
#544858 rgb(84,72,88)
```
#564858
```
#564858 rgb(86,72,88)
```
#574858
```
#574858 rgb(87,72,88)
```
#584858
```
#584858 rgb(88,72,88)
```
#584856
```
#584856 rgb(88,72,86)
```
#584855
```
#584855 rgb(88,72,85)
```

Similar Colors

Text with hexadecimal color #574858

This text has a font color of #574858.

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

#574858 background color

This paragraph has a background color of #574858.

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

#574858 border color

This element has a border color of #574858.

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

CSS codes

.text {color:#574858;}

.background {background-color:#574858;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c0a0c
```
#0c0a0c rgb(12,10,12)
```
#171317
```
#171317 rgb(23,19,23)
```
#221c22
```
#221c22 rgb(34,28,34)
```
#2c252d
```
#2c252d rgb(44,37,45)
```
#372e38
```
#372e38 rgb(55,46,56)
```
#423642
```
#423642 rgb(66,54,66)
```
#4c3f4d
```
#4c3f4d rgb(76,63,77)
```
#574858
```
#574858 rgb(87,72,88)
```
#625163
```
#625163 rgb(98,81,99)
```
#6c5a6e
```
#6c5a6e rgb(108,90,110)
```
#776278
```
#776278 rgb(119,98,120)
```
#826b83
```
#826b83 rgb(130,107,131)
```

Shade Color Variation

#8c748e
```
#8c748e rgb(140,116,142)
```
#957f96
```
#957f96 rgb(149,127,150)
```
#9e8a9f
```
#9e8a9f rgb(158,138,159)
```
#a795a8
```
#a795a8 rgb(167,149,168)
```
#b0a0b1
```
#b0a0b1 rgb(176,160,177)
```
#b9aaba
```
#b9aaba rgb(185,170,186)
```
#c2b5c3
```
#c2b5c3 rgb(194,181,195)
```
#cbc0cb
```
#cbc0cb rgb(203,192,203)
```
#d4cbd4
```
#d4cbd4 rgb(212,203,212)
```
#ddd6dd
```
#ddd6dd rgb(221,214,221)
```
#e6e0e6
```
#e6e0e6 rgb(230,224,230)
```
#efebef
```
#efebef rgb(239,235,239)
```
#f7f6f8
```
#f7f6f8 rgb(247,246,248)
```

Tint Color Variation

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

#524e52
```
#524e52 rgb(82,78,82)
```
#574858
```
#574858 rgb(87,72,88)
```
#5c425e
```
#5c425e rgb(92,66,94)
```
#623c64
```
#623c64 rgb(98,60,100)
```
#67366a
```
#67366a rgb(103,54,106)
```
#6d2f71
```
#6d2f71 rgb(109,47,113)
```
#722977
```
#722977 rgb(114,41,119)
```
#77237d
```
#77237d rgb(119,35,125)
```
#7d1d83
```
#7d1d83 rgb(125,29,131)
```
#821789
```
#821789 rgb(130,23,137)
```
#87118f
```
#87118f rgb(135,17,143)
```
#8d0a96
```
#8d0a96 rgb(141,10,150)
```
#92049c
```
#92049c rgb(146,4,156)
```

Tone Color Variation

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

#535562 Protanopia 1% of men
#59535f Deuteranopia 1% of men
#5e5258 Tritanopia 0.001% of the population

Trichromacy

#54505e Protanomaly 1% of men, 0.01% of women
#584f5d Deuteranomaly 6% of men, 0.4% of women
#5b4e58 Tritanomaly 0.01% of the population

#574858 hex color

#574858 Color Information

#574858 Color Conversion

Color Schemes with #574858

Alternatives to #574858

#574858 Preview

Shades and Tints of #574858

Tones of #574858

Color Blindness Simulator