Cool · curated
Harbor Mist
Harbor Mist is a curated foggy, serene, methodical system designed to move from expressive brand color to dependable surface and text roles.
Color values
Harbor Mist Primary · primary
HEX #4A7C9B
RGB 74, 124, 155
HSL 203°, 35%, 45%
On white 4.52:1 · on black 4.65:1
Harbor Mist Secondary · secondary
HEX #7FB5B5
RGB 127, 181, 181
HSL 180°, 27%, 60%
On white 2.29:1 · on black 9.18:1
Harbor Mist Accent · accent
HEX #C4D7D1
RGB 196, 215, 209
HSL 161°, 19%, 81%
On white 1.50:1 · on black 13.99:1
Harbor Mist Background · background
HEX #F6FAF9
RGB 246, 250, 249
HSL 165°, 29%, 97%
On white 1.05:1 · on black 19.96:1
Harbor Mist Text · text
HEX #22333B
RGB 34, 51, 59
HSL 199°, 27%, 18%
On white 13.09:1 · on black 1.60:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.