analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#ECF0F4 — Alabaster
#ECF0F4 is a light moderately saturated blue sitting at 210° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#ecf0f4
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #ECF0F4
- f5f7f9
- d7e0e8
- bac8d7
- 9cb1c6
- 7e9ab5
- 6082a4
- 4e6b87
- 3d536a
- 2c3c4c
- 1a242e
- 090d10
Color schemes using #ECF0F4
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#ECF0F4 FAQ
What color is #ECF0F4?
#ECF0F4 is a shade of alabaster in the blue family. It has a hue of 210 degrees, 27% saturation and 94% lightness, which makes it a light muted color.
What is the RGB value of #ECF0F4?
#ECF0F4 is rgb(236, 240, 244) in RGB, hsl(210, 27%, 94%) in HSL, and cmyk(3%, 2%, 0%, 4%) in CMYK.
Can I use white text on #ECF0F4?
White text on this background reaches 1.15:1, which fails WCAG AA. Black text reaches 18.34:1.
What colors go well with #ECF0F4?
Its direct complement is #F4F0EC. For something less stark, the split-complementary pair #F4ECEC and #F4F4EC gives you contrast without the vibration.