analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#E2EAED — Lavender
#E2EAED is a light desaturated blue sitting at 196° 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.
#e2eaed
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #E2EAED
- f6f8f9
- d9e3e7
- bcced5
- 9fb9c3
- 82a4b1
- 658f9f
- 527683
- 405c66
- 2e4249
- 1c282d
- 0a0e10
Color schemes using #E2EAED
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
#E2EAED FAQ
What color is #E2EAED?
#E2EAED is a shade of lavender in the blue family. It has a hue of 196 degrees, 23% saturation and 91% lightness, which makes it a light muted color.
What is the RGB value of #E2EAED?
#E2EAED is rgb(226, 234, 237) in RGB, hsl(196, 23%, 91%) in HSL, and cmyk(5%, 1%, 0%, 7%) in CMYK.
Can I use white text on #E2EAED?
White text on this background reaches 1.22:1, which fails WCAG AA. Black text reaches 17.23:1.
What colors go well with #E2EAED?
Its direct complement is #EDE6E3. For something less stark, the split-complementary pair #EDE3E5 and #EDEBE3 gives you contrast without the vibration.