#58556c hex color

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

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

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

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

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

CIE-LAB	37.215, 6.505, -12.734
XYZ	9.979, 9.654, 15.524
xyY	0.284, 0.275, 9.654
CIE-LCH	37.215, 14.299, 297.061
CIE-LUV	37.215, 0.189, -17.823
Hunter-Lab	31.071, 2.954, -7.873
Binary	01011000, 01010101, 01101100

#58556c
```
#58556c rgb(88,85,108)
```
#696c55
```
#696c55 rgb(105,108,85)
```

Complementary Color

#555e6c
```
#555e6c rgb(85,94,108)
```
#58556c
```
#58556c rgb(88,85,108)
```
#64556c
```
#64556c rgb(100,85,108)
```

Analogous Color

#5e6c55
```
#5e6c55 rgb(94,108,85)
```
#58556c
```
#58556c rgb(88,85,108)
```
#6c6455
```
#6c6455 rgb(108,100,85)
```

Split Complementary Color

#556c58
```
#556c58 rgb(85,108,88)
```
#58556c
```
#58556c rgb(88,85,108)
```
#6c5855
```
#6c5855 rgb(108,88,85)
```

Triadic Color

#55696c
```
#55696c rgb(85,105,108)
```
#58556c
```
#58556c rgb(88,85,108)
```
#6c5855
```
#6c5855 rgb(108,88,85)
```
#696c55
```
#696c55 rgb(105,108,85)
```

Tetradic Color

#353341
```
#353341 rgb(53,51,65)
```
#413f4f
```
#413f4f rgb(65,63,79)
```
#4c4a5e
```
#4c4a5e rgb(76,74,94)
```
#58556c
```
#58556c rgb(88,85,108)
```
#64607a
```
#64607a rgb(100,96,122)
```
#6f6b89
```
#6f6b89 rgb(111,107,137)
```
#7c7895
```
#7c7895 rgb(124,120,149)
```

Monochromatic Color

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

#55586c
```
#55586c rgb(85,88,108)
```
#55566c
```
#55566c rgb(85,86,108)
```
#56556c
```
#56556c rgb(86,85,108)
```
#58556c
```
#58556c rgb(88,85,108)
```
#5a556c
```
#5a556c rgb(90,85,108)
```
#5c556c
```
#5c556c rgb(92,85,108)
```
#5e556c
```
#5e556c rgb(94,85,108)
```

Similar Colors

Text with hexadecimal color #58556c

This text has a font color of #58556c.

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

#58556c background color

This paragraph has a background color of #58556c.

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

#58556c border color

This element has a border color of #58556c.

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

CSS codes

.text {color:#58556c;}

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

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

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

#080709
```
#080709 rgb(8,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)
```
#3d3b4b
```
#3d3b4b rgb(61,59,75)
```
#464456
```
#464456 rgb(70,68,86)
```
#4f4c61
```
#4f4c61 rgb(79,76,97)
```
#58556c
```
#58556c rgb(88,85,108)
```
#615e77
```
#615e77 rgb(97,94,119)
```
#6a6682
```
#6a6682 rgb(106,102,130)
```
#736f8d
```
#736f8d rgb(115,111,141)
```

Shade Color Variation

#7d7a96
```
#7d7a96 rgb(125,122,150)
```
#88849f
```
#88849f rgb(136,132,159)
```
#938fa7
```
#938fa7 rgb(147,143,167)
```
#9d9ab0
```
#9d9ab0 rgb(157,154,176)
```
#a8a5b8
```
#a8a5b8 rgb(168,165,184)
```
#b3b0c1
```
#b3b0c1 rgb(179,176,193)
```
#bdbbca
```
#bdbbca rgb(189,187,202)
```
#c8c6d2
```
#c8c6d2 rgb(200,198,210)
```
#d3d1db
```
#d3d1db rgb(211,209,219)
```
#dddce4
```
#dddce4 rgb(221,220,228)
```
#e8e7ec
```
#e8e7ec rgb(232,231,236)
```
#f3f2f5
```
#f3f2f5 rgb(243,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 #1c03be is the most saturated one.

#5d5c65
```
#5d5c65 rgb(93,92,101)
```
#58556c
```
#58556c rgb(88,85,108)
```
#534e73
```
#534e73 rgb(83,78,115)
```
#4d467b
```
#4d467b rgb(77,70,123)
```
#483f82
```
#483f82 rgb(72,63,130)
```
#42378a
```
#42378a rgb(66,55,138)
```
#3d3091
```
#3d3091 rgb(61,48,145)
```
#372899
```
#372899 rgb(55,40,153)
```
#3221a0
```
#3221a0 rgb(50,33,160)
```
#2c1aa7
```
#2c1aa7 rgb(44,26,167)
```
#2712af
```
#2712af rgb(39,18,175)
```
#210bb6
```
#210bb6 rgb(33,11,182)
```
#1c03be
```
#1c03be rgb(28,3,190)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#59585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f74 Protanopia 1% of men
#5f5e73 Deuteranopia 1% of men
#5e6067 Tritanopia 0.001% of the population

Trichromacy

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

#58556c hex color

#58556c Color Information

#58556c Color Conversion

Color Schemes with #58556c

Alternatives to #58556c

#58556c Preview

Shades and Tints of #58556c

Tones of #58556c

Color Blindness Simulator