#575157 hex color

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

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

● #575157 color description : Very dark grayish magenta.

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

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

CIE-LAB	35.201, 3.714, -2.625
XYZ	8.593, 8.599, 10.223
xyY	0.313, 0.314, 8.599
CIE-LCH	35.201, 4.548, 324.746
CIE-LUV	35.201, 2.95, -3.822
Hunter-Lab	29.325, 0.988, -0.143
Binary	01010111, 01010001, 01010111

#575157
```
#575157 rgb(87,81,87)
```
#515751
```
#515751 rgb(81,87,81)
```

Complementary Color

#545157
```
#545157 rgb(84,81,87)
```
#575157
```
#575157 rgb(87,81,87)
```
#575154
```
#575154 rgb(87,81,84)
```

Analogous Color

#515754
```
#515754 rgb(81,87,84)
```
#575157
```
#575157 rgb(87,81,87)
```
#545751
```
#545751 rgb(84,87,81)
```

Split Complementary Color

#515757
```
#515757 rgb(81,87,87)
```
#575157
```
#575157 rgb(87,81,87)
```
#575751
```
#575751 rgb(87,87,81)
```

Triadic Color

#515157
```
#515157 rgb(81,81,87)
```
#575157
```
#575157 rgb(87,81,87)
```
#575751
```
#575751 rgb(87,87,81)
```
#515751
```
#515751 rgb(81,87,81)
```

Tetradic Color

#2f2c2f
```
#2f2c2f rgb(47,44,47)
```
#3d383d
```
#3d383d rgb(61,56,61)
```
#4a454a
```
#4a454a rgb(74,69,74)
```
#575157
```
#575157 rgb(87,81,87)
```
#645d64
```
#645d64 rgb(100,93,100)
```
#716a71
```
#716a71 rgb(113,106,113)
```
#7f767f
```
#7f767f rgb(127,118,127)
```

Monochromatic Color

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

#565157
```
#565157 rgb(86,81,87)
```
#565157
```
#565157 rgb(86,81,87)
```
#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)
```

Similar Colors

Text with hexadecimal color #575157

This text has a font color of #575157.

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

#575157 background color

This paragraph has a background color of #575157.

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

#575157 border color

This element has a border color of #575157.

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

CSS codes

.text {color:#575157;}

.background {background-color:#575157;}

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

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)
```
#393539
```
#393539 rgb(57,53,57)
```
#433e43
```
#433e43 rgb(67,62,67)
```
#4d484d
```
#4d484d rgb(77,72,77)
```
#575157
```
#575157 rgb(87,81,87)
```
#615a61
```
#615a61 rgb(97,90,97)
```
#6b646b
```
#6b646b rgb(107,100,107)
```
#756d75
```
#756d75 rgb(117,109,117)
```
#807780
```
#807780 rgb(128,119,128)
```

Shade Color Variation

#898189
```
#898189 rgb(137,129,137)
```
#938b93
```
#938b93 rgb(147,139,147)
```
#9c959c
```
#9c959c rgb(156,149,156)
```
#a69fa6
```
#a69fa6 rgb(166,159,166)
```
#afa9af
```
#afa9af rgb(175,169,175)
```
#b9b3b9
```
#b9b3b9 rgb(185,179,185)
```
#c2bec2
```
#c2bec2 rgb(194,190,194)
```
#ccc8cc
```
#ccc8cc rgb(204,200,204)
```
#d5d2d5
```
#d5d2d5 rgb(213,210,213)
```
#dfdcdf
```
#dfdcdf rgb(223,220,223)
```
#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, #575157 is the less saturated color, while #a503a5 is the most saturated one.

#575157
```
#575157 rgb(87,81,87)
```
#5d4b5d
```
#5d4b5d rgb(93,75,93)
```
#644464
```
#644464 rgb(100,68,100)
```
#6a3e6a
```
#6a3e6a rgb(106,62,106)
```
#713771
```
#713771 rgb(113,55,113)
```
#773177
```
#773177 rgb(119,49,119)
```
#7e2a7e
```
#7e2a7e rgb(126,42,126)
```
#842484
```
#842484 rgb(132,36,132)
```
#8b1d8b
```
#8b1d8b rgb(139,29,139)
```
#911791
```
#911791 rgb(145,23,145)
```
#981098
```
#981098 rgb(152,16,152)
```
#9e0a9e
```
#9e0a9e rgb(158,10,158)
```
#a503a5
```
#a503a5 rgb(165,3,165)
```

Tone Color Variation

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

#5b5b60 Protanopia 1% of men
#625960 Deuteranopia 1% of men
#5f5960 Tritanopia 0.001% of the population

Trichromacy

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

#575157 hex color

#575157 Color Information

#575157 Color Conversion

Color Schemes with #575157

Alternatives to #575157

#575157 Preview

Shades and Tints of #575157

Tones of #575157

Color Blindness Simulator