#558088 hex color

In a RGB color space, hex #558088 is composed of 33.3% red, 50.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 5.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 189.4 degrees, a saturation of 23.1% and a lightness of 43.3%. #558088 color hex could be obtained by blending #aaffff with #000111. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 50
- B 53
RGB color chart
- C 38
- M 6
- Y 0
- K 47
CMYK color chart

● #558088 color description : Mostly desaturated dark cyan.

The hexadecimal color #558088 has RGB values of R:85, G:128, B:136 and CMYK values of C:0.38, M:0.06, Y:0, K:0.47. Its decimal value is 5603464.

Hex triplet	558088	`#558088`
RGB Decimal	85, 128, 136	`rgb(85,128,136)`
RGB Percent	33.3, 50.2, 53.3	`rgb(33.3%,50.2%,53.3%)`
CMYK	38, 6, 0, 47
HSL	189.4°, 23.1, 43.3	`hsl(189.4,23.1%,43.3%)`
HSV (or HSB)	189.4°, 37.5, 53.3
Web Safe	669999	`#669999`

CIE-LAB	50.858, -12.633, -9.043
XYZ	15.908, 19.146, 26.149
xyY	0.26, 0.313, 19.146
CIE-LCH	50.858, 15.536, 215.597
CIE-LUV	50.858, -20.539, -11.048
Hunter-Lab	43.757, -11.678, -4.801
Binary	01010101, 10000000, 10001000

#558088
```
#558088 rgb(85,128,136)
```
#885d55
```
#885d55 rgb(136,93,85)
```

Complementary Color

#558877
```
#558877 rgb(85,136,119)
```
#558088
```
#558088 rgb(85,128,136)
```
#556788
```
#556788 rgb(85,103,136)
```

Analogous Color

#887755
```
#887755 rgb(136,119,85)
```
#558088
```
#558088 rgb(85,128,136)
```
#885567
```
#885567 rgb(136,85,103)
```

Split Complementary Color

#808855
```
#808855 rgb(128,136,85)
```
#558088
```
#558088 rgb(85,128,136)
```
#885580
```
#885580 rgb(136,85,128)
```

Triadic Color

#55885d
```
#55885d rgb(85,136,93)
```
#558088
```
#558088 rgb(85,128,136)
```
#885580
```
#885580 rgb(136,85,128)
```
#885d55
```
#885d55 rgb(136,93,85)
```

Tetradic Color

#385459
```
#385459 rgb(56,84,89)
```
#416269
```
#416269 rgb(65,98,105)
```
#4b7178
```
#4b7178 rgb(75,113,120)
```
#558088
```
#558088 rgb(85,128,136)
```
#5f8f98
```
#5f8f98 rgb(95,143,152)
```
#6d9ba3
```
#6d9ba3 rgb(109,155,163)
```
#7ca6ad
```
#7ca6ad rgb(124,166,173)
```

Monochromatic Color

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

#558883
```
#558883 rgb(85,136,131)
```
#558888
```
#558888 rgb(85,136,136)
```
#558488
```
#558488 rgb(85,132,136)
```
#558088
```
#558088 rgb(85,128,136)
```
#557c88
```
#557c88 rgb(85,124,136)
```
#557888
```
#557888 rgb(85,120,136)
```
#557388
```
#557388 rgb(85,115,136)
```

Similar Colors

Text with hexadecimal color #558088

This text has a font color of #558088.

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

#558088 background color

This paragraph has a background color of #558088.

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

#558088 border color

This element has a border color of #558088.

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

CSS codes

.text {color:#558088;}

.background {background-color:#558088;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0e0f
```
#0a0e0f rgb(10,14,15)
```
#111a1b
```
#111a1b rgb(17,26,27)
```
#192527
```
#192527 rgb(25,37,39)
```
#203034
```
#203034 rgb(32,48,52)
```
#283c40
```
#283c40 rgb(40,60,64)
```
#2f474c
```
#2f474c rgb(47,71,76)
```
#375358
```
#375358 rgb(55,83,88)
```
#3e5e64
```
#3e5e64 rgb(62,94,100)
```
#466970
```
#466970 rgb(70,105,112)
```
#4d757c
```
#4d757c rgb(77,117,124)
```
#558088
```
#558088 rgb(85,128,136)
```
#5d8b94
```
#5d8b94 rgb(93,139,148)
```

Shade Color Variation

#65969f
```
#65969f rgb(101,150,159)
```
#719ea6
```
#719ea6 rgb(113,158,166)
```
#7da6ae
```
#7da6ae rgb(125,166,174)
```
#8aafb6
```
#8aafb6 rgb(138,175,182)
```
#96b7bd
```
#96b7bd rgb(150,183,189)
```
#a2bfc5
```
#a2bfc5 rgb(162,191,197)
```
#aec7cc
```
#aec7cc rgb(174,199,204)
```
#bad0d4
```
#bad0d4 rgb(186,208,212)
```
#c6d8db
```
#c6d8db rgb(198,216,219)
```
#d2e0e3
```
#d2e0e3 rgb(210,224,227)
```
#dee8ea
```
#dee8ea rgb(222,232,234)
```
#eaf1f2
```
#eaf1f2 rgb(234,241,242)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#667477
```
#667477 rgb(102,116,119)
```
#5e7a80
```
#5e7a80 rgb(94,122,128)
```
#558088
```
#558088 rgb(85,128,136)
```
#4d8691
```
#4d8691 rgb(77,134,145)
```
#448c99
```
#448c99 rgb(68,140,153)
```
#3c92a2
```
#3c92a2 rgb(60,146,162)
```
#3397aa
```
#3397aa rgb(51,151,170)
```
#2b9db3
```
#2b9db3 rgb(43,157,179)
```
#22a3bb
```
#22a3bb rgb(34,163,187)
```
#1aa9c4
```
#1aa9c4 rgb(26,169,196)
```
#11afcc
```
#11afcc rgb(17,175,204)
```
#09b5d5
```
#09b5d5 rgb(9,181,213)
```
#00badd
```
#00badd rgb(0,186,221)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e7678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7f89 Protanopia 1% of men
#837d91 Deuteranopia 1% of men
#5e8690 Tritanopia 0.001% of the population

Trichromacy

#6f7f89 Protanomaly 1% of men, 0.01% of women
#727e8e Deuteranomaly 6% of men, 0.4% of women
#5b848d Tritanomaly 0.01% of the population

#558088 hex color

#558088 Color Information

#558088 Color Conversion

Color Schemes with #558088

Alternatives to #558088

#558088 Preview

Shades and Tints of #558088

Tones of #558088

Color Blindness Simulator