Cool · curated
Deep Reef
Deep Reef is a curated immersive, biological, calm system designed to move from expressive brand color to dependable surface and text roles.
Color values
Deep Reef Primary · primary
HEX #0B525B
RGB 11, 82, 91
HSL 187°, 78%, 20%
On white 8.85:1 · on black 2.37:1
Deep Reef Secondary · secondary
HEX #066A75
RGB 6, 106, 117
HSL 186°, 90%, 24%
On white 6.31:1 · on black 3.33:1
Deep Reef Accent · accent
HEX #3BB0A1
RGB 59, 176, 161
HSL 172°, 50%, 46%
On white 2.65:1 · on black 7.91:1
Deep Reef Background · background
HEX #E9F5F2
RGB 233, 245, 242
HSL 165°, 38%, 94%
On white 1.12:1 · on black 18.81:1
Deep Reef Text · text
HEX #10222E
RGB 16, 34, 46
HSL 204°, 48%, 12%
On white 16.28:1 · on black 1.29: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.