BlueMid-toneMuted

Sailor’s Bay

#486D8B

Contrast at a glance

White text

5.47:1AA

Black text

3.62:1AA large

Open the contrast checker →

About Sailor’s Bay

Sailor’s Bay (#486D8B) is a mid-tone muted blue. Its RGB value is 72, 109, 139 and its HSL value is 207°, 32%, 41%. White text reads best on it, at a contrast ratio of 5.47:1 (WCAG AA). Below are ten tints and shades of Sailor’s Bay, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#486D8B · #8B6648

Analogous

#488B88 · #486D8B · #484B8B

Triadic

#486D8B · #8B486D · #6D8B48

Split complementary

#486D8B · #8B484B · #8B8848

Do more with Sailor’s Bay

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast