What color is Ice Blue?
HEX
#99C5C4
RGB
153, 197, 196
HSL
179°, 28%, 69%
HSV
179°, 22%, 77%
Glacial and slightly minted, ice blue suggests frost and sterile cold more than deep ocean. #99D9EA makes whites feel crisper and silvers feel colder. In beauty and tech, it whispers "cooling" and "clean."
Best for
Trade show graphics, signage, and booth displays.
Compare with
Accessibility
Check contrast before using ice blue for text-heavy layouts, especially on low-contrast backgrounds.
How does ice blue compare to nearby colors?
What is the difference between ice blue and powder blue?
Ice Blue (#99C5C4) looks dustier and more restrained than Powder Blue (#B0E0E6) when the two are shown together. Ice Blue behaves more like a system color and Powder Blue more like a spotlight, so the decision changes how busy the layout feels. Begin with ice blue when the family needs its current undertone and surface character; keep powder blue for the nearby alternative that shifts the mood without leaving the same hue neighborhood.
What color is ice blue?
Shows up in winter campaigns, skincare cooling claims, dental and medical aesthetics, and minimalist product renders where "cold freshness" is the story.
What is the hex code for ice blue?
| Format | Value |
|---|---|
| HEX | #99C5C4 |
| RGB | rgb(153, 197, 196) |
| HSL | hsl(179°, 28%, 69%) |
| HSV / HSB | hsv(179°, 22%, 77%) |
| CMYK (approx.) | cmyk(22%, 0%, 1%, 23%) |
Convert Ice Blue to other color formats
Open the color converter with Ice Blue (#99C5C4) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Ice Blue in the color converter →What does ice blue mean in design?
Ice blue is often associated with chill, purity, and clinical freshness. Compared with sky blue or powder blue, it tends to read as more cyan, sharper, and less warm-day nostalgic.
How do I use ice blue in code?
| CSS (hex) | color: #99C5C4; |
| CSS (rgb) | color: rgb(153, 197, 196); |
| CSS (hsl) | color: hsl(179, 28%, 69%); |
| RGB % | rgb(60%, 77%, 77%) |
| Tailwind | text-[#99C5C4] |
| SwiftUI | Color(red: 0.600, green: 0.773, blue: 0.769) |
| UIKit | UIColor(red: 0.600, green: 0.773, blue: 0.769, alpha: 1.0) |
| Android | Color.rgb(153, 197, 196) |
| Compose | Color(0xFF99C5C4) |
| Web Safe | #99CCCC |
Is ice blue accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.89:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 11.14:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.89:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 11.14:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does ice blue look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with ice blue
With ice blue on broader surfaces, charcoal adds enough depth to keep the system legible without the harsher edge of pure black.
Gold gives ice blue a warmer highlight, which helps the palette feel more tactile and less screen-native than it would with only neutrals.
Pairing ice blue with white keeps the layout open and lets the color's aqua-blue cast stay easy to read.
What colors clash with ice blue
With ice blue, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.
Orange lands abruptly next to ice blue and can make the palette feel more promo-coded or team-coded than intended.
Against ice blue, yellow often creates a high-alert contrast that suits signage more naturally than polished editorial or product work.
Neon Green turns ice blue into something closer to screen glow than surface color, which is a mismatch for most editorial, product, or deck work.
How should I use ice blue in design?
- •Use ice blue for buttons, badges, and chart accents where it can stand out. Test text contrast with WCAG tools before using it for body copy on light backgrounds.
- •Pair ice blue with warm accents (gold, rust, amber) when you need more energy, or stay in cool territory (navy, silver, sage) for a composed, professional look.
- •Ice Blue is a safe choice for corporate decks, SaaS dashboards, and enterprise UI — contexts where trustworthiness is the first design requirement.
What are good ice blue palettes?
Design with ice blue in Moda
Create a presentation or document using ice blue as your accent color. Moda's AI applies your color palette automatically.
Create a design with ice blue →What are the shades and tints of ice blue?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for ice blue?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Powder Blue
Powder Blue is almost the same hue as ice blue; the real difference is value, with powder blue feeling more open and surface-friendly.
Light Blue
Light Blue stays very close to ice blue in hue, but it lands lighter, which makes it better for backgrounds, tints, and softer supporting areas than for accents, stronger hierarchy, and firmer structure.
Sky Blue
Sky Blue is useful when ice blue is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Heather
Heather keeps roughly the same visual weight as ice blue but changes the undertone story, which is often enough to move a palette from warmer and tactile to cooler and more technical, or the reverse.
Baby Blue
Baby Blue keeps roughly the same visual weight as ice blue but changes the undertone story, which is often enough to move a palette from warmer and tactile to cooler and more technical, or the reverse.
Frequently asked questions
What is the hex code for ice blue?
The hex code for ice blue is #99C5C4. In RGB, that's 153 red, 197 green, and 196 blue. The approximate CMYK equivalent is 22% cyan, 0% magenta, 1% yellow, and 23% key (black).
Is ice blue a warm or cool color?
Ice Blue reads as cool. It settles naturally beside blues, greens, silver, and charcoal, and feels more animated when paired with warm accents like gold, coral, or rust.
Where does ice blue work best in a layout?
Ice Blue is flexible enough to move between accents, section blocks, and supporting roles depending on the contrast around it. It works best when the rest of the palette gives it a clear job instead of asking it to do everything at once.
How should I use ice blue in a design?
Ice Blue has enough restraint to hold large surfaces comfortably, which makes it useful for full theme systems, document backgrounds, or broad section color without constant visual fatigue.
Can I use ice blue for text or backgrounds?
Ice Blue works better with dark text than white text. Black text reaches 11.14:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More blue colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Blue colors
Compare ice blue with other blue tones.
Green colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Purple colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.