analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#ECEFF1 — Alabaster
#ECEFF1 is a light desaturated white sitting at 204° 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.
#eceff1
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #ECEFF1
- f6f8f8
- dbe1e5
- c0cad1
- a5b3bd
- 8a9da9
- 6f8695
- 5b6e7b
- 475660
- 333d45
- 1f252a
- 0b0d0f
Color schemes using #ECEFF1
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
#ECEFF1 FAQ
What color is #ECEFF1?
#ECEFF1 is a shade of alabaster in the white family. It has a hue of 204 degrees, 15% saturation and 94% lightness, which makes it a light muted color.
What is the RGB value of #ECEFF1?
#ECEFF1 is rgb(236, 239, 241) in RGB, hsl(204, 15%, 94%) in HSL, and cmyk(2%, 1%, 0%, 5%) in CMYK.
Can I use white text on #ECEFF1?
White text on this background reaches 1.15:1, which fails WCAG AA. Black text reaches 18.18:1.
What colors go well with #ECEFF1?
Its direct complement is #F2EFED. For something less stark, the split-complementary pair #F2EDEE and #F2F2ED gives you contrast without the vibration.