graf1x

Ice Color

Ice is a cyan color with hex code #D6FFFA. This page covers its meaning, all color values, harmonies, colors that go with ice, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

Ice Color Values

HEX
#D6FFFA
RGB
214, 255, 250
HSL
173, 100%, 92%
HSV
173, 16%, 100%
CIE LAB
97.1, -14, -2
OKLCH
0.97, 0.042, 187.5
ISCC-NBS
White
Hue Family
Cyan

What Does Ice Mean?

Ice belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Ice reads as airy and understated, comfortable working in backgrounds and across big surfaces.

In the ISCC-NBS color naming system, Ice is classified as a white (nearest centroid: greenish white, #DFEDE8).

Color Harmonies

Complementary

#D6FFFAIce
#FFD6DBComplement

Analogous

#D6FFE6Analogous 1
#D6FFFAIce
#D6EFFFAnalogous 2

Triadic

#D6FFFAIce
#FAD6FFTriad 1
#FFFAD6Triad 2

Colors That Go With Ice

#D6FFFAIce
#FFD6DBComplement

Ice and #FFD6DB are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#D6FFE6Analogous 1
#D6FFFAIce
#D6EFFFAnalogous 2

Analogous neighbors — #D6FFE6 and #D6EFFF, which sit beside ice on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#D6FFFAIce
#FAD6FFTriad 1
#FFFAD6Triad 2

For an energetic three-color palette, pair ice with triadic partners #FAD6FF and #FFFAD6. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#DBFFFB
#E5FFFC
#EBFFFD
#F0FFFD
#FAFFFE

Shades (darker)

#8AFFF1
#38FFE8
#00EBCF
#009E8C
#004D44

Similar Colors

CSS Examples

.text { color: #D6FFFA; }
.background { background-color: #D6FFFA; }
.border { border: 2px solid #D6FFFA; }
.shadow { box-shadow: 0 4px 6px #D6FFFA40; }

WCAG Contrast

1.07:1
vs White AA ✗
19.54:1
vs Black AA ✓

Frequently Asked Questions

What is the hex code for ice?

Ice has the hex code #D6FFFA. In RGB notation it is rgb(214, 255, 250), in HSL it is hsl(173, 100%, 92%), and its OKLCH value is 0.97, 0.042, 187.5.

What does the color ice mean?

Cyan-family colors like ice carry distinct psychological associations. Ice belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Ice reads as airy and understated, comfortable working in backgrounds and across big surfaces.

What colors go with ice?

Ice has three easy routes: its complement #FFD6DB for punch, its neighbors #D6FFE6 and #D6EFFF for something calmer, or triadic partners #FAD6FF and #FFFAD6 when you want energy.

Is ice a standard web color?

No — Ice is not a CSS keyword. Use its hex value #D6FFFA or any RGB/HSL equivalent in your stylesheets.

How do I make ice lighter or darker?

To lighten ice, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #FAFFFE (lightest tint) to #004D44 (darkest shade).

About Ice

Ice is classified as a White in the ISCC-NBS color naming system, within the Cyan hue family. It has The color is recognized by XKCD, meodai.

Use our Color Converter to convert #D6FFFA to any other color format, or explore the Color Wheel to find harmonious color combinations.