#57556c hex color

In a RGB color space, hex #57556c is composed of 34.1% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 245.2 degrees, a saturation of 11.9% and a lightness of 37.8%. #57556c color hex could be obtained by blending #aeaad8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 33
- B 42
RGB color chart
- C 19
- M 21
- Y 0
- K 58
CMYK color chart

● #57556c color description : Very dark grayish blue.

The hexadecimal color #57556c has RGB values of R:87, G:85, B:108 and CMYK values of C:0.19, M:0.21, Y:0, K:0.58. Its decimal value is 5723500.

Hex triplet	57556c	`#57556c`
RGB Decimal	87, 85, 108	`rgb(87,85,108)`
RGB Percent	34.1, 33.3, 42.4	`rgb(34.1%,33.3%,42.4%)`
CMYK	19, 21, 0, 58
HSL	245.2°, 11.9, 37.8	`hsl(245.2,11.9%,37.8%)`
HSV (or HSB)	245.2°, 21.3, 42.4
Web Safe	666666	`#666666`

CIE-LAB	37.126, 6.147, -12.878
XYZ	9.885, 9.606, 15.52
xyY	0.282, 0.274, 9.606
CIE-LCH	37.126, 14.269, 295.516
CIE-LUV	37.126, -0.319, -17.964
Hunter-Lab	30.993, 2.694, -7.994
Binary	01010111, 01010101, 01101100

#57556c
```
#57556c rgb(87,85,108)
```
#6a6c55
```
#6a6c55 rgb(106,108,85)
```

Complementary Color

#555f6c
```
#555f6c rgb(85,95,108)
```
#57556c
```
#57556c rgb(87,85,108)
```
#63556c
```
#63556c rgb(99,85,108)
```

Analogous Color

#5f6c55
```
#5f6c55 rgb(95,108,85)
```
#57556c
```
#57556c rgb(87,85,108)
```
#6c6355
```
#6c6355 rgb(108,99,85)
```

Split Complementary Color

#556c57
```
#556c57 rgb(85,108,87)
```
#57556c
```
#57556c rgb(87,85,108)
```
#6c5755
```
#6c5755 rgb(108,87,85)
```

Triadic Color

#556a6c
```
#556a6c rgb(85,106,108)
```
#57556c
```
#57556c rgb(87,85,108)
```
#6c5755
```
#6c5755 rgb(108,87,85)
```
#6a6c55
```
#6a6c55 rgb(106,108,85)
```

Tetradic Color

#353341
```
#353341 rgb(53,51,65)
```
#403f4f
```
#403f4f rgb(64,63,79)
```
#4c4a5e
```
#4c4a5e rgb(76,74,94)
```
#57556c
```
#57556c rgb(87,85,108)
```
#62607a
```
#62607a rgb(98,96,122)
```
#6e6b89
```
#6e6b89 rgb(110,107,137)
```
#7b7895
```
#7b7895 rgb(123,120,149)
```

Monochromatic Color

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

#55596c
```
#55596c rgb(85,89,108)
```
#55576c
```
#55576c rgb(85,87,108)
```
#55556c
```
#55556c rgb(85,85,108)
```
#57556c
```
#57556c rgb(87,85,108)
```
#59556c
```
#59556c rgb(89,85,108)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#5d556c
```
#5d556c rgb(93,85,108)
```

Similar Colors

Text with hexadecimal color #57556c

This text has a font color of #57556c.

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

#57556c background color

This paragraph has a background color of #57556c.

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

#57556c border color

This element has a border color of #57556c.

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

CSS codes

.text {color:#57556c;}

.background {background-color:#57556c;}

.border {border:1px solid #57556c;}

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

#070709
```
#070709 rgb(7,7,9)
```
#101014
```
#101014 rgb(16,16,20)
```
#19191f
```
#19191f rgb(25,25,31)
```
#22212a
```
#22212a rgb(34,33,42)
```
#2b2a35
```
#2b2a35 rgb(43,42,53)
```
#343240
```
#343240 rgb(52,50,64)
```
#3c3b4b
```
#3c3b4b rgb(60,59,75)
```
#454456
```
#454456 rgb(69,68,86)
```
#4e4c61
```
#4e4c61 rgb(78,76,97)
```
#57556c
```
#57556c rgb(87,85,108)
```
#605e77
```
#605e77 rgb(96,94,119)
```
#696682
```
#696682 rgb(105,102,130)
```
#726f8d
```
#726f8d rgb(114,111,141)
```

Shade Color Variation

#7c7a96
```
#7c7a96 rgb(124,122,150)
```
#87849f
```
#87849f rgb(135,132,159)
```
#928fa7
```
#928fa7 rgb(146,143,167)
```
#9c9ab0
```
#9c9ab0 rgb(156,154,176)
```
#a7a5b8
```
#a7a5b8 rgb(167,165,184)
```
#b2b0c1
```
#b2b0c1 rgb(178,176,193)
```
#bdbbca
```
#bdbbca rgb(189,187,202)
```
#c7c6d2
```
#c7c6d2 rgb(199,198,210)
```
#d2d1db
```
#d2d1db rgb(210,209,219)
```
#dddce4
```
#dddce4 rgb(221,220,228)
```
#e8e7ec
```
#e8e7ec rgb(232,231,236)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5d5c65
```
#5d5c65 rgb(93,92,101)
```
#57556c
```
#57556c rgb(87,85,108)
```
#514e73
```
#514e73 rgb(81,78,115)
```
#4b467b
```
#4b467b rgb(75,70,123)
```
#453f82
```
#453f82 rgb(69,63,130)
```
#3e378a
```
#3e378a rgb(62,55,138)
```
#383091
```
#383091 rgb(56,48,145)
```
#322899
```
#322899 rgb(50,40,153)
```
#2c21a0
```
#2c21a0 rgb(44,33,160)
```
#261aa7
```
#261aa7 rgb(38,26,167)
```
#2012af
```
#2012af rgb(32,18,175)
```
#1a0bb6
```
#1a0bb6 rgb(26,11,182)
```
#1403be
```
#1403be rgb(20,3,190)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#58575c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5f74 Protanopia 1% of men
#5e5e73 Deuteranopia 1% of men
#5d6067 Tritanopia 0.001% of the population

Trichromacy

#595b71 Protanomaly 1% of men, 0.01% of women
#5b5a70 Deuteranomaly 6% of men, 0.4% of women
#5a5c68 Tritanomaly 0.01% of the population

#57556c hex color

#57556c Color Information

#57556c Color Conversion

Color Schemes with #57556c

Alternatives to #57556c

#57556c Preview

Shades and Tints of #57556c

Tones of #57556c

Color Blindness Simulator