#558187 hex color

In a RGB color space, hex #558187 is composed of 33.3% red, 50.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 4.4% magenta, 0% yellow and 47.1% black. It has a hue angle of 187.2 degrees, a saturation of 22.7% and a lightness of 43.1%. #558187 color hex could be obtained by blending #aaffff with #00030f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 53
RGB color chart
- C 37
- M 4
- Y 0
- K 47
CMYK color chart

● #558187 color description : Mostly desaturated dark cyan.

The hexadecimal color #558187 has RGB values of R:85, G:129, B:135 and CMYK values of C:0.37, M:0.04, Y:0, K:0.47. Its decimal value is 5603719.

Hex triplet	558187	`#558187`
RGB Decimal	85, 129, 135	`rgb(85,129,135)`
RGB Percent	33.3, 50.6, 52.9	`rgb(33.3%,50.6%,52.9%)`
CMYK	37, 4, 0, 47
HSL	187.2°, 22.7, 43.1	`hsl(187.2,22.7%,43.1%)`
HSV (or HSB)	187.2°, 37, 52.9
Web Safe	669999	`#669999`

CIE-LAB	51.129, -13.453, -8.052
XYZ	15.969, 19.38, 25.82
xyY	0.261, 0.317, 19.38
CIE-LCH	51.129, 15.679, 210.902
CIE-LUV	51.129, -20.975, -9.483
Hunter-Lab	44.023, -12.293, -3.958
Binary	01010101, 10000001, 10000111

#558187
```
#558187 rgb(85,129,135)
```
#875b55
```
#875b55 rgb(135,91,85)
```

Complementary Color

#558774
```
#558774 rgb(85,135,116)
```
#558187
```
#558187 rgb(85,129,135)
```
#556887
```
#556887 rgb(85,104,135)
```

Analogous Color

#877455
```
#877455 rgb(135,116,85)
```
#558187
```
#558187 rgb(85,129,135)
```
#875568
```
#875568 rgb(135,85,104)
```

Split Complementary Color

#818755
```
#818755 rgb(129,135,85)
```
#558187
```
#558187 rgb(85,129,135)
```
#875581
```
#875581 rgb(135,85,129)
```

Triadic Color

#55875b
```
#55875b rgb(85,135,91)
```
#558187
```
#558187 rgb(85,129,135)
```
#875581
```
#875581 rgb(135,85,129)
```
#875b55
```
#875b55 rgb(135,91,85)
```

Tetradic Color

#375458
```
#375458 rgb(55,84,88)
```
#416368
```
#416368 rgb(65,99,104)
```
#4b7277
```
#4b7277 rgb(75,114,119)
```
#558187
```
#558187 rgb(85,129,135)
```
#5f9097
```
#5f9097 rgb(95,144,151)
```
#6c9ca3
```
#6c9ca3 rgb(108,156,163)
```
#7ca7ad
```
#7ca7ad rgb(124,167,173)
```

Monochromatic Color

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

#558781
```
#558781 rgb(85,135,129)
```
#558785
```
#558785 rgb(85,135,133)
```
#558587
```
#558587 rgb(85,133,135)
```
#558187
```
#558187 rgb(85,129,135)
```
#557d87
```
#557d87 rgb(85,125,135)
```
#557987
```
#557987 rgb(85,121,135)
```
#557587
```
#557587 rgb(85,117,135)
```

Similar Colors

Text with hexadecimal color #558187

This text has a font color of #558187.

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

#558187 background color

This paragraph has a background color of #558187.

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

#558187 border color

This element has a border color of #558187.

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

CSS codes

.text {color:#558187;}

.background {background-color:#558187;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090e0f
```
#090e0f rgb(9,14,15)
```
#11191b
```
#11191b rgb(17,25,27)
```
#182527
```
#182527 rgb(24,37,39)
```
#203033
```
#203033 rgb(32,48,51)
```
#283c3f
```
#283c3f rgb(40,60,63)
```
#2f474b
```
#2f474b rgb(47,71,75)
```
#375357
```
#375357 rgb(55,83,87)
```
#3e5e63
```
#3e5e63 rgb(62,94,99)
```
#466a6f
```
#466a6f rgb(70,106,111)
```
#4d757b
```
#4d757b rgb(77,117,123)
```
#558187
```
#558187 rgb(85,129,135)
```
#5d8d93
```
#5d8d93 rgb(93,141,147)
```

Shade Color Variation

#65979e
```
#65979e rgb(101,151,158)
```
#719fa6
```
#719fa6 rgb(113,159,166)
```
#7da8ad
```
#7da8ad rgb(125,168,173)
```
#89b0b5
```
#89b0b5 rgb(137,176,181)
```
#95b8bc
```
#95b8bc rgb(149,184,188)
```
#a1c0c4
```
#a1c0c4 rgb(161,192,196)
```
#adc8cc
```
#adc8cc rgb(173,200,204)
```
#b9d0d3
```
#b9d0d3 rgb(185,208,211)
```
#c5d8db
```
#c5d8db rgb(197,216,219)
```
#d1e0e2
```
#d1e0e2 rgb(209,224,226)
```
#dde8ea
```
#dde8ea rgb(221,232,234)
```
#eaf1f1
```
#eaf1f1 rgb(234,241,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#667476
```
#667476 rgb(102,116,118)
```
#5d7b7f
```
#5d7b7f rgb(93,123,127)
```
#558187
```
#558187 rgb(85,129,135)
```
#4d878f
```
#4d878f rgb(77,135,143)
```
#448e98
```
#448e98 rgb(68,142,152)
```
#3c94a0
```
#3c94a0 rgb(60,148,160)
```
#339ba9
```
#339ba9 rgb(51,155,169)
```
#2ba1b1
```
#2ba1b1 rgb(43,161,177)
```
#22a8ba
```
#22a8ba rgb(34,168,186)
```
#1aaec2
```
#1aaec2 rgb(26,174,194)
```
#11b4cb
```
#11b4cb rgb(17,180,203)
```
#09bbd3
```
#09bbd3 rgb(9,187,211)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f7779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807f88 Protanopia 1% of men
#847d90 Deuteranopia 1% of men
#5e8690 Tritanopia 0.001% of the population

Trichromacy

#708088 Protanomaly 1% of men, 0.01% of women
#737e8d Deuteranomaly 6% of men, 0.4% of women
#5b848d Tritanomaly 0.01% of the population

#558187 hex color

#558187 Color Information

#558187 Color Conversion

Color Schemes with #558187

Alternatives to #558187

#558187 Preview

Shades and Tints of #558187

Tones of #558187

Color Blindness Simulator