#245E63
#5A9AA0
#D7CBB0
#F5F0E6
#5A9AA0 · Cadet
Click to copy#5A9AA0 is a medium, muted teal color, closest to Cadet and near Cadet and Pewter. In OKLCH it has 65% lightness and 0.07 chroma at hue 203°. 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.
Color codes click to copy
HEX
#5A9AA0RGB
rgb(90, 154, 160)HSL
hsl(185, 28%, 49%)CMYK
44, 4, 0, 37CSS var
--cadetContrast
3.2:1 white · 6.56:1 blackSimilar named colors
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.
--cadet: #5A9AA0;
$cadet: #5A9AA0;
colors: { 'cadet': '#5A9AA0' }