Skip to the color picker

#e2e8f0 color: Bellflower Blue

#e2e8f0 is rgb(226, 232, 240) in RGB and oklch(92.876% 0.01262 255.508) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

214°
100%

92.9%
0.013
256°
  • Gray
  • Very light
  • Muted
  • Neutral
  • ≈ Lavender
  • slate-200
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
1.23:1Hard to read
Lc -13
Black text
17.03:1Readable · AA
Lc 92

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #e2e8f0

#e2e8f0 is a very light gray color. In OKLCH it has 92.9% lightness, 0.013 chroma and a hue of 256°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.23:1 contrast and black text 17.03:1, so black text reads better.

The closest named color is Bellflower Blue (#e1e9ef). In Tailwind CSS the closest color is slate-200.

More very light gray colors

Lighter: #e2e8f0 mixed with white

  1. e2e8f0

Darker: #e2e8f0 mixed with black

  1. e2e8f0

Calmer: #e2e8f0 with less saturation

  1. e2e8f0

Similar named colors

Colors that go with #e2e8f0

Complementary
#e2e8f0
Analogous
#e2e8f0
Triadic
#e2e8f0
Split
#e2e8f0

Questions about #e2e8f0

What color is #e2e8f0?

#e2e8f0 is very light gray. The closest named color is Bellflower Blue. In RGB it is rgb(226, 232, 240), in HSL hsl(214.29, 31.82%, 91.37%) and in OKLCH oklch(92.876% 0.01262 255.508).

What colors go well with #e2e8f0?

The complementary color of #e2e8f0 is #ece6de. For a calmer combination use the analogous colors #dfe9ee and #e6e6f0. The triadic partners are #f0e4e5 and #e4e9e1.

Is white or black text more readable on #e2e8f0?

Black text reads better on #e2e8f0: white gives a contrast ratio of 1.23:1 and black gives 17.03:1. WCAG AA asks for at least 4.5:1 for body text.

Is #e2e8f0 a warm or cool color?

#e2e8f0 is a neutral color. In OKLCH its hue is 256 degrees, its lightness 92.9% and its chroma 0.013.