Skip to main content

Glacier Melt

3-color CSS gradient

Open in Studio Visualize

Glacier Melt is a 3-color CSS linear gradient built from #E0F7FA, #80DEEA, and #26A69A. Its hues sit in the teal range, and reads as cool. Dark text (#111827) on it keeps at least 5.92:1 at its weakest point — enough for WCAG AA body text.

Stops

Light & dark theme

This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.

What are the HEX, RGB, and HSL values for Glacier Melt?

Every color in this 3-color set, with its contrast ratio against white and black.

Color values for Glacier Melt: hex, RGB, HSL, and WCAG contrast ratios against white and black.
ColorNameHEXRGBHSLOn whiteOn black
#E0F7FAIce Blue#E0F7FA224, 247, 250187°, 72%, 93%1.11:118.85:1
#80DEEASky Blue#80DEEA128, 222, 234187°, 72%, 71%1.55:113.55:1
#26A69APersian Green#26A69A38, 166, 154174°, 63%, 40%3.00:17.00:1