Cool · curated

Alpine Lake

Alpine Lake is a curated clear, restorative, precise system designed to move from expressive brand color to dependable surface and text roles.

Color values

Alpine Lake Primary · primary

HEX #277DA1

RGB 39, 125, 161

HSL 198°, 61%, 39%

On white 4.63:1 · on black 4.53:1

Alpine Lake Secondary · secondary

HEX #43AA8B

RGB 67, 170, 139

HSL 162°, 43%, 46%

On white 2.85:1 · on black 7.36:1

Alpine Lake Accent · accent

HEX #90BE6D

RGB 144, 190, 109

HSL 94°, 38%, 59%

On white 2.15:1 · on black 9.77:1

Alpine Lake Background · background

HEX #F4FAF8

RGB 244, 250, 248

HSL 160°, 37%, 97%

On white 1.06:1 · on black 19.88:1

Alpine Lake Text · text

HEX #17324D

RGB 23, 50, 77

HSL 210°, 54%, 20%

On white 13.13: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.

Aa Sample text
12.42:1AAA
Aa Sample text
6.11:1AA
Aa Sample text
4.60:1AA
Aa Sample text
4.38:1Large text only
Aa Sample text
2.83:1Decorative only
Aa Sample text
2.70:1Decorative only
Aa Sample text
2.16:1Decorative only
Aa Sample text
2.03:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.