BlueMid-toneMuted

Sailor’s Bay

#4A6E8F

Contrast at a glance

White text

5.36:1AA

Black text

3.69:1AA large

Open the contrast checker →

About Sailor’s Bay

Sailor’s Bay (#4A6E8F) is a mid-tone muted blue. Its RGB value is 74, 110, 143 and its HSL value is 209°, 32%, 43%. White text reads best on it, at a contrast ratio of 5.36: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

#4A6E8F · #8F6B4A

Analogous

#4A8F8D · #4A6E8F · #4A4C8F

Triadic

#4A6E8F · #8F4A6E · #6E8F4A

Split complementary

#4A6E8F · #8F4A4C · #8F8D4A

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