#575156 hex color

In a RGB color space, hex #575156 is composed of 34.1% red, 31.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 1.1% yellow and 65.9% black. It has a hue angle of 310 degrees, a saturation of 3.6% and a lightness of 32.9%. #575156 color hex could be obtained by blending #aea2ac with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 32
- B 34
RGB color chart
- C 0
- M 7
- Y 1
- K 66
CMYK color chart

● #575156 color description : Very dark grayish magenta.

The hexadecimal color #575156 has RGB values of R:87, G:81, B:86 and CMYK values of C:0, M:0.07, Y:0.01, K:0.66. Its decimal value is 5722454.

Hex triplet	575156	`#575156`
RGB Decimal	87, 81, 86	`rgb(87,81,86)`
RGB Percent	34.1, 31.8, 33.7	`rgb(34.1%,31.8%,33.7%)`
CMYK	0, 7, 1, 66
HSL	310°, 3.6, 32.9	`hsl(310,3.6%,32.9%)`
HSV (or HSB)	310°, 6.9, 34.1
Web Safe	666666	`#666666`

CIE-LAB	35.169, 3.499, -2.043
XYZ	8.552, 8.583, 10.01
xyY	0.315, 0.316, 8.583
CIE-LCH	35.169, 4.051, 329.723
CIE-LUV	35.169, 3.02, -3.055
Hunter-Lab	29.297, 0.838, 0.25
Binary	01010111, 01010001, 01010110

#575156
```
#575156 rgb(87,81,86)
```
#515752
```
#515752 rgb(81,87,82)
```

Complementary Color

#555157
```
#555157 rgb(85,81,87)
```
#575156
```
#575156 rgb(87,81,86)
```
#575153
```
#575153 rgb(87,81,83)
```

Analogous Color

#515755
```
#515755 rgb(81,87,85)
```
#575156
```
#575156 rgb(87,81,86)
```
#535751
```
#535751 rgb(83,87,81)
```

Split Complementary Color

#515657
```
#515657 rgb(81,86,87)
```
#575156
```
#575156 rgb(87,81,86)
```
#565751
```
#565751 rgb(86,87,81)
```

Triadic Color

#525157
```
#525157 rgb(82,81,87)
```
#575156
```
#575156 rgb(87,81,86)
```
#565751
```
#565751 rgb(86,87,81)
```
#515752
```
#515752 rgb(81,87,82)
```

Tetradic Color

#2f2c2f
```
#2f2c2f rgb(47,44,47)
```
#3d383c
```
#3d383c rgb(61,56,60)
```
#4a4549
```
#4a4549 rgb(74,69,73)
```
#575156
```
#575156 rgb(87,81,86)
```
#645d63
```
#645d63 rgb(100,93,99)
```
#716a70
```
#716a70 rgb(113,106,112)
```
#7f767d
```
#7f767d rgb(127,118,125)
```

Monochromatic Color

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

#575157
```
#575157 rgb(87,81,87)
```
#575157
```
#575157 rgb(87,81,87)
```
#575157
```
#575157 rgb(87,81,87)
```
#575156
```
#575156 rgb(87,81,86)
```
#575156
```
#575156 rgb(87,81,86)
```
#575155
```
#575155 rgb(87,81,85)
```
#575155
```
#575155 rgb(87,81,85)
```

Similar Colors

Text with hexadecimal color #575156

This text has a font color of #575156.

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

#575156 background color

This paragraph has a background color of #575156.

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

#575156 border color

This element has a border color of #575156.

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

CSS codes

.text {color:#575156;}

.background {background-color:#575156;}

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

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

#060506
```
#060506 rgb(6,5,6)
```
#100f10
```
#100f10 rgb(16,15,16)
```
#1a181a
```
#1a181a rgb(26,24,26)
```
#242224
```
#242224 rgb(36,34,36)
```
#2e2b2e
```
#2e2b2e rgb(46,43,46)
```
#393538
```
#393538 rgb(57,53,56)
```
#433e42
```
#433e42 rgb(67,62,66)
```
#4d484c
```
#4d484c rgb(77,72,76)
```
#575156
```
#575156 rgb(87,81,86)
```
#615a60
```
#615a60 rgb(97,90,96)
```
#6b646a
```
#6b646a rgb(107,100,106)
```
#756d74
```
#756d74 rgb(117,109,116)
```
#80777e
```
#80777e rgb(128,119,126)
```

Shade Color Variation

#898188
```
#898188 rgb(137,129,136)
```
#938b92
```
#938b92 rgb(147,139,146)
```
#9c959b
```
#9c959b rgb(156,149,155)
```
#a69fa5
```
#a69fa5 rgb(166,159,165)
```
#afa9ae
```
#afa9ae rgb(175,169,174)
```
#b9b3b8
```
#b9b3b8 rgb(185,179,184)
```
#c2bec1
```
#c2bec1 rgb(194,190,193)
```
#ccc8cb
```
#ccc8cb rgb(204,200,203)
```
#d5d2d5
```
#d5d2d5 rgb(213,210,213)
```
#dfdcde
```
#dfdcde rgb(223,220,222)
```
#e8e6e8
```
#e8e6e8 rgb(232,230,232)
```
#f1f0f1
```
#f1f0f1 rgb(241,240,241)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#575156
```
#575156 rgb(87,81,86)
```
#5d4b5a
```
#5d4b5a rgb(93,75,90)
```
#64445f
```
#64445f rgb(100,68,95)
```
#6a3e63
```
#6a3e63 rgb(106,62,99)
```
#713767
```
#713767 rgb(113,55,103)
```
#77316c
```
#77316c rgb(119,49,108)
```
#7e2a70
```
#7e2a70 rgb(126,42,112)
```
#842474
```
#842474 rgb(132,36,116)
```
#8b1d78
```
#8b1d78 rgb(139,29,120)
```
#91177d
```
#91177d rgb(145,23,125)
```
#981081
```
#981081 rgb(152,16,129)
```
#9e0a85
```
#9e0a85 rgb(158,10,133)
```
#a5038a
```
#a5038a rgb(165,3,138)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#545354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5b5f Protanopia 1% of men
#62595f Deuteranopia 1% of men
#605960 Tritanopia 0.001% of the population

Trichromacy

#5a575b Protanomaly 1% of men, 0.01% of women
#5e565b Deuteranomaly 6% of men, 0.4% of women
#5c565c Tritanomaly 0.01% of the population

#575156 hex color

#575156 Color Information

#575156 Color Conversion

Color Schemes with #575156

Alternatives to #575156

#575156 Preview

Shades and Tints of #575156

Tones of #575156

Color Blindness Simulator