Ice white color: code #F5F5F5
Ice white
#F5F5F5
Color codes
- HEX
#F5F5F5 - RGB
rgb(245, 245, 245) - HSL
hsl(0, 0%, 96%) - HSV
hsv(0, 0%, 96%) - CMYK
cmyk(0%, 0%, 0%, 4%) - LAB
lab(96.5% 0 0) - OKLCH
oklch(97% 0 0)
About the color Ice white
Ice white has the HEX code #F5F5F5, which corresponds to rgb(245, 245, 245) in the RGB model. On the color wheel its hue sits at 0°, with 0% saturation and 96% lightness (hsl(0, 0%, 96%)).
With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.
As a background it calls for dark text: black reaches a 19.26:1 contrast ratio on it, versus 1.09:1 for white.
For print, the approximate conversion is cmyk(0%, 0%, 0%, 4%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Ice white
Complementary
#F5F5F5 · #F5F5F5
Analogous
#F5F5F5 · #F5F5F5 · #F5F5F5
Triadic
#F5F5F5 · #F5F5F5 · #F5F5F5
Tetradic
#F5F5F5 · #F5F5F5 · #F5F5F5 · #F5F5F5
Split-complementary
#F5F5F5 · #F5F5F5 · #F5F5F5
Monochromatic
#B5B5B5 · #DBDBDB · #F5F5F5 · #FFFFFF · #FFFFFF
Ice white with white and black text
How to use it in CSS
:root {
--color-ice-white: #F5F5F5;
--color-ice-white-rgb: 245, 245, 245;
}
.elemento {
background-color: var(--color-ice-white);
color: #000000;
}