#3D5A6C
#6E8FA3
#C8D6D9
#D9C7A6
#3D5A6C · Peacock
Click to copy#3D5A6C is a medium, muted teal color, closest to Peacock and near Peacock and Storm. In OKLCH it has 45% lightness and 0.05 chroma at hue 236°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #3D5A6C a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#3D5A6CRGB
rgb(61, 90, 108)HSL
hsl(203, 28%, 33%)CMYK
44, 17, 0, 58CSS var
--peacockContrast
7.3:1 white · 2.88:1 blackSimilar named colors
How to use #3D5A6C
White text passes WCAG AA on #3D5A6C (7.3:1); black does not, so keep dark text off it.
For a calm scheme pair #3D5A6C with its analogous neighbors #3D6C66 and #3D426C; for contrast use its complement #6C4F3D as a small accent, and anchor everything with a neutral such as #F5F5F7.
--peacock: #3D5A6C;
$peacock: #3D5A6C;
colors: { 'peacock': '#3D5A6C' }