#557B82

Muted Cyan

HEX

RGB

HSL

About #557B82 Muted Cyan

#557B82 is a muted cyan color. In the RGB color model, it is composed of 85 red, 123 green, and 130 blue. In the HSL color space, it has a hue of 189°, saturation of 21%, and lightness of 42%.

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 #557B82 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

189°

Hue

21%

Saturation

42%

Lightness

Muted Cyan

Color Harmonies

Colors that work well with #557B82 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #557B82 against white and black backgrounds.

Aa#557B82 on White
Contrast Ratio4.62:1
AA AA Large AAA
Aa#557B82 on Black
Contrast Ratio4.54:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #557B82 across different color formats.

FormatValue
HEX#557B82
RGBrgb(85, 123, 130)
HSLhsl(189, 21%, 42%)
RGB Decimal85, 123, 130
RGB Percent33.3%, 48.2%, 51.0%
CMYK (approx.)35%, 5%, 0%, 49%

Related Palettes

12 palettes using #557B82 or similar colors

#3D595C#5B7A8B#7E94B4#AFB4D0
#336466#5A7D8C#7C96B6#AFB6CF
#345D65#5A778C#8191B1#ACAFD3
#27374D#526D82#9DB2BF#DDE6ED
#3A5F5B#5A848C#78A0BA#ADBAD1
#37625E#58858D#779FBB#ADB9D1
#3D5C50#5B8A83#76B5BC#AAC6D5
#3C5D58#58878D#80A0B2#AABAD4
#326167#527B93#8394AF#B0B4CF
#385661#557291#7988B9#AEADD1
#3B5E51#598C86#76B3BC#AEC3D1
#356449#5C8A7B#7DB5B2#ACCBD3