#5A9AA0 · near Cadet

#5A9AA0 (RGB 90, 154, 160) is a medium, muted teal, closest to Cadet and near Pewter and Blue Gray. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #5A9AA0 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette. In OKLCH it has 65% lightness and 0.07 chroma at hue 203°.

Color codes click to copy

HEX#5A9AA0

RGBrgb(90, 154, 160)

HSLhsl(185, 28%, 49%)

CMYK44, 4, 0, 37

CSS var--cadet

Contrast3.2:1 white · 6.56:1 black

Similar named colors

Cadet #5F9EA0Pewter #8E9A9BBlue Gray #6699CCSlate #708090Stone #928E85

How to use #5A9AA0

Black text passes WCAG AA on #5A9AA0 (6.56:1); white text does not (3.2:1).

For a calm scheme pair #5A9AA0 with its analogous neighbors #5AA083 and #5A77A0; for contrast use its complement #A0605A as a small accent, and anchor everything with a neutral such as #F5F5F7.

CSSSCSSTailwind

--cadet: #5A9AA0;

Copy code

Color card

Shades & tints

#121F20#243E40#365C60#487B80#5A9AA0#7BAEB3#9CC2C6#BDD7D9#DEEBEC

Color harmonies for #5A9AA0

Complementary

#5A9AA0#A0605A

Analogous

#5A9AA0#5AA083#5A77A0

Triadic

#5A9AA0#A05A9A#9AA05A

Split complementary

#5A9AA0#A05A77#A0835A

Tetradic

#5A9AA0#835AA0#A0605A#77A05A