A pale, frosty blue that looks like light passing through ice. It feels cool and fresh, perfect for winter events, frozen themes and refreshing beverage branding.
Also known as: Icy blue.
The hex code for ice blue is #99FFFF. In RGB it is rgb(153, 255, 255), in HSL hsl(180, 100%, 80%) and in CMYK 40, 0, 0, 0.
Pick a color to pair it with and see how it looks on clothes, interiors and design.
Ice blue (#99FFFF) is a cool, light, highly saturated color. It belongs to the blues family. It mixes 153 red, 255 green and 255 blue (out of 255). It is mostly used in winter, kids, branding.

From lightest to darkest. Tap a shade to copy its code.
See all its shades: Color shades generator
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--ice-blue: #99FFFF;
--ice-blue-rgb: 153, 255, 255;
}
.bg { background-color: var(--ice-blue); }
.text { color: var(--ice-blue); }
The hex code for ice blue is #99FFFF. In RGB it is rgb(153, 255, 255), in HSL hsl(180, 100%, 80%) and in CMYK 40, 0, 0, 0.
Its complement on the color wheel is #FF9999, close to salmon pink. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.2:1, while with black it is 18.1:1.
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more