Color Palettes

Ice blue color

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.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to ice blue

Celeste#B2FFFFPool blue#67E6ECPastel turquoise#AFEEEEDuck egg blue#C3FBF4Powder blue#B0E0E6Seafoam green#8CD6C4

About ice blue

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.

Swatch of Ice blue with its shades from light to dark · #99FFFF
Ice blue · #99FFFF

Ice blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Ice blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Salmon pink
AnalogousClose to: Aquamarine, Baby blue
TriadicClose to: Orchid, Pastel yellow
Split complementaryClose to: Carnation pink, Peach
TetradicClose to: Light violet, Salmon pink, Pale green

Ice blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Ice blue
Analogous palette · Ice blue
Complementary palette · Ice blue
Triadic palette · Ice blue
With neutrals palette · Ice blue
With an accent palette · Ice blue

Ice blue contrast with text

White textContrast 1.2:1 · Not recommended
Black textContrast 18.1:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --ice-blue: #99FFFF;
  --ice-blue-rgb: 153, 255, 255;
}
.bg { background-color: var(--ice-blue); }
.text { color: var(--ice-blue); }

Colors similar to ice blue

Medium turquoiseCyanTurquoiseLight blue

Themed palettes with this color

More blues

BlueNavy blueSky blueCobalt blueSapphire blueSteel blueRoyal blueElectric blueMidnight blueUltramarineFrench bluePrussian bluePastel blueBaby blueDenim blueKlein blueDark blueLight blueCeruleanPeriwinkleDusty bluePowder blueCornflower blueSlate blue
Swatch of Ice blue with its shades from light to dark · #99FFFF
Swatch of Ice blue with its shades from light to dark · #99FFFF

Try this next

Name color paletteType a name and get your own color story paletteBirthday Color PatternPlaids and stripes from your family's birthdaysColor TowerThe color palette game: stack blocks in a gradient
See all free tools →

Frequently asked questions

What is the hex code for 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.

What is the complementary color of ice blue?

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.

Can you use white text on ice blue?

Use black text instead: the contrast with white is only 1.2:1, while with black it is 18.1:1.