#245E63
#5A9AA0
#D7CBB0
#F5F0E6
#245E63 · Peacock
Click to copy#245E63 is a dark, moderately saturated teal color, closest to Peacock and near Peacock and Spruce. In OKLCH it has 45% lightness and 0.06 chroma at hue 203°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #245E63 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#245E63RGB
rgb(36, 94, 99)HSL
hsl(185, 47%, 26%)CMYK
64, 5, 0, 61CSS var
--peacockContrast
7.35:1 white · 2.86:1 blackSimilar named colors
How to use #245E63
White text passes WCAG AA on #245E63 (7.35:1); black does not, so keep dark text off it.
For a calm scheme pair #245E63 with its analogous neighbors #236147 and #233D61; for contrast use its complement #612823 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--peacock: #245E63;
$peacock: #245E63;
colors: { 'peacock': '#245E63' }