#558f98 hex color

In a RGB color space, hex #558f98 is composed of 33.3% red, 56.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 5.9% magenta, 0% yellow and 40.4% black. It has a hue angle of 188.1 degrees, a saturation of 28.3% and a lightness of 46.5%. #558f98 color hex could be obtained by blending #aaffff with #001f31. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 60
RGB color chart
- C 44
- M 6
- Y 0
- K 40
CMYK color chart

● #558f98 color description : Mostly desaturated dark cyan.

The hexadecimal color #558f98 has RGB values of R:85, G:143, B:152 and CMYK values of C:0.44, M:0.06, Y:0, K:0.4. Its decimal value is 5607320.

Hex triplet	558f98	`#558f98`
RGB Decimal	85, 143, 152	`rgb(85,143,152)`
RGB Percent	33.3, 56.1, 59.6	`rgb(33.3%,56.1%,59.6%)`
CMYK	44, 6, 0, 40
HSL	188.1°, 28.3, 46.5	`hsl(188.1,28.3%,46.5%)`
HSV (or HSB)	188.1°, 44.1, 59.6
Web Safe	669999	`#669999`

CIE-LAB	55.929, -16.488, -10.722
XYZ	19.235, 23.842, 33.292
xyY	0.252, 0.312, 23.842
CIE-LCH	55.929, 19.667, 213.037
CIE-LUV	55.929, -26.506, -13.264
Hunter-Lab	48.828, -15.134, -6.246
Binary	01010101, 10001111, 10011000

#558f98
```
#558f98 rgb(85,143,152)
```
#985e55
```
#985e55 rgb(152,94,85)
```

Complementary Color

#559880
```
#559880 rgb(85,152,128)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#556e98
```
#556e98 rgb(85,110,152)
```

Analogous Color

#988055
```
#988055 rgb(152,128,85)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#98556e
```
#98556e rgb(152,85,110)
```

Split Complementary Color

#8f9855
```
#8f9855 rgb(143,152,85)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#98558f
```
#98558f rgb(152,85,143)
```

Triadic Color

#55985e
```
#55985e rgb(85,152,94)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#98558f
```
#98558f rgb(152,85,143)
```
#985e55
```
#985e55 rgb(152,94,85)
```

Tetradic Color

#3a6167
```
#3a6167 rgb(58,97,103)
```
#437077
```
#437077 rgb(67,112,119)
```
#4c8088
```
#4c8088 rgb(76,128,136)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#609da6
```
#609da6 rgb(96,157,166)
```
#71a7af
```
#71a7af rgb(113,167,175)
```
#81b1b9
```
#81b1b9 rgb(129,177,185)
```

Monochromatic Color

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

#559890
```
#559890 rgb(85,152,144)
```
#559896
```
#559896 rgb(85,152,150)
```
#559598
```
#559598 rgb(85,149,152)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#558998
```
#558998 rgb(85,137,152)
```
#558498
```
#558498 rgb(85,132,152)
```
#557e98
```
#557e98 rgb(85,126,152)
```

Similar Colors

Text with hexadecimal color #558f98

This text has a font color of #558f98.

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

#558f98 background color

This paragraph has a background color of #558f98.

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

#558f98 border color

This element has a border color of #558f98.

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

CSS codes

.text {color:#558f98;}

.background {background-color:#558f98;}

.border {border:1px solid #558f98;}

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

#010101
```
#010101 rgb(1,1,1)
```
#080d0e
```
#080d0e rgb(8,13,14)
```
#0f191a
```
#0f191a rgb(15,25,26)
```
#162427
```
#162427 rgb(22,36,39)
```
#1d3033
```
#1d3033 rgb(29,48,51)
```
#243c40
```
#243c40 rgb(36,60,64)
```
#2b484d
```
#2b484d rgb(43,72,77)
```
#325459
```
#325459 rgb(50,84,89)
```
#396066
```
#396066 rgb(57,96,102)
```
#406b72
```
#406b72 rgb(64,107,114)
```
#47777f
```
#47777f rgb(71,119,127)
```
#4e838b
```
#4e838b rgb(78,131,139)
```
#558f98
```
#558f98 rgb(85,143,152)
```

Shade Color Variation

#5c9ba4
```
#5c9ba4 rgb(92,155,164)
```
#69a2ab
```
#69a2ab rgb(105,162,171)
```
#76aab2
```
#76aab2 rgb(118,170,178)
```
#82b2b9
```
#82b2b9 rgb(130,178,185)
```
#8fbac0
```
#8fbac0 rgb(143,186,192)
```
#9bc1c7
```
#9bc1c7 rgb(155,193,199)
```
#a8c9ce
```
#a8c9ce rgb(168,201,206)
```
#b5d1d5
```
#b5d1d5 rgb(181,209,213)
```
#c1d9dc
```
#c1d9dc rgb(193,217,220)
```
#cee1e3
```
#cee1e3 rgb(206,225,227)
```
#dae8ea
```
#dae8ea rgb(218,232,234)
```
#e7f0f2
```
#e7f0f2 rgb(231,240,242)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707b7d is the less saturated color, while #03cbea is the most saturated one.

#707b7d
```
#707b7d rgb(112,123,125)
```
#678286
```
#678286 rgb(103,130,134)
```
#5e888f
```
#5e888f rgb(94,136,143)
```
#558f98
```
#558f98 rgb(85,143,152)
```
#4c96a1
```
#4c96a1 rgb(76,150,161)
```
#439caa
```
#439caa rgb(67,156,170)
```
#3aa3b3
```
#3aa3b3 rgb(58,163,179)
```
#31aabc
```
#31aabc rgb(49,170,188)
```
#27b0c6
```
#27b0c6 rgb(39,176,198)
```
#1eb7cf
```
#1eb7cf rgb(30,183,207)
```
#15bed8
```
#15bed8 rgb(21,190,216)
```
#0cc4e1
```
#0cc4e1 rgb(12,196,225)
```
#03cbea
```
#03cbea rgb(3,203,234)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#778284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8b97 Protanopia 1% of men
#8e89a1 Deuteranopia 1% of men
#5e949f Tritanopia 0.001% of the population

Trichromacy

#778c97 Protanomaly 1% of men, 0.01% of women
#798b9e Deuteranomaly 6% of men, 0.4% of women
#5b929c Tritanomaly 0.01% of the population

#558f98 hex color

#558f98 Color Information

#558f98 Color Conversion

Color Schemes with #558f98

Alternatives to #558f98

#558f98 Preview

Shades and Tints of #558f98

Tones of #558f98

Color Blindness Simulator