#558E87

Muted Cyan

HEX

RGB

HSL

About #558E87 Muted Cyan

#558E87 is a muted cyan color. In the RGB color model, it is composed of 85 red, 142 green, and 135 blue. In the HSL color space, it has a hue of 173°, saturation of 25%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #558E87 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

173°

Hue

25%

Saturation

45%

Lightness

Muted Cyan

Color Harmonies

Colors that work well with #558E87 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #558E87 against white and black backgrounds.

Aa#558E87 on White
Contrast Ratio3.75:1
AA AA Large AAA
Aa#558E87 on Black
Contrast Ratio5.61:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #558E87 across different color formats.

FormatValue
HEX#558E87
RGBrgb(85, 142, 135)
HSLhsl(173, 25%, 45%)
RGB Decimal85, 142, 135
RGB Percent33.3%, 55.7%, 52.9%
CMYK (approx.)40%, 0%, 5%, 44%

Related Palettes

12 palettes using #558E87 or similar colors

#3B5E51#598C86#76B3BC#AEC3D1
#3D5C4D#559183#75BBBD#AFC7CF
#0E2521#254B45#3C7269#589389
#3D5C50#5B8A83#76B5BC#AAC6D5
#356453#51948C#80ABB2#AAC4D4
#13201E#264A44#446A63#54968B
#34654C#509583#82B0AF#AFC8CF
#3C5D58#58878D#80A0B2#AABAD4
#3B5E58#548C91#7DA2B5#B1BDCD
#366352#50958D#7BAFB7#ADC3D1
#102323#274849#3C7172#5C8E8F
#376249#568F7C#79B9B3#ACCCD2