#e3f2fb

Color #e3f2fb

A vivid, highly saturated very light blue.

Closest named color Alice Blue #f0f8ff · ΔE 3.6 Nearest Tailwind class sky-100 #dff2fe · ΔE 1.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#e3f2fb

RGB

rgb(227, 242, 251)

HSL

hsl(202.5, 75%, 93.7%)

HSV / HSB

hsv(202.5, 9.6%, 98.4%)

CMYK

cmyk(9.6%, 3.6%, 0%, 1.6%)

LAB

lab(94.65, -3.22, -6.02)

LCH

lch(94.65, 6.83, 241.86)

OKLCH

oklch(95.3%, 0.02, 233.93)

HWB

hwb(202.5, 89%, 1.6%)

Harmony colors

Complementary

#fbece3

Analogous

#e3fbf8

#e3f2fb

#e3e6fb

Triadic

#e3f2fb

#fbe3f2

#f2fbe3

Split-complementary

#e3f2fb

#fbe3e6

#fbf8e3

Tetradic

#e3f2fb

#ece3fb

#fbece3

#f2fbe3

Square

#e3f2fb

#f8e3fb

#fbece3

#e6fbe3

Shades

Color #e3f2fb mixed toward black.

#9dd2f1

#58b1e7

#1e8ed1

#145f8b

#0a2f46

Tints

Color #e3f2fb mixed toward white.

#e8f4fc

#ecf6fc

#f1f8fd

#f6fbfe

#fafdfe

Tones

Color #e3f2fb mixed toward gray.

#e5f1f9

#e7f1f7

#e9f0f5

#ebf0f3

#edeff1

Accessibility

Aa White text on this color

1.14:1

Aa Black text on this color

18.36:1

Black text reads better on this background (18.36:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#eaeaf9 · ΔE 8.2

Deuteranopia

#e9e8f8 · ΔE 8.9

Tritanopia

#e4f7f7 · ΔE 5.1

Achromatopsia

#f0f0f0 · ΔE 6.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #e3f2fb;

Tailwind (arbitrary value)

bg-[#e3f2fb]

Related colors

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Sky Blue #87ceeb

Alice Blue #f0f8ff

Dodger Blue #1e90ff

Frequently asked questions

#e3f2fb (#e3f2fb) is rgb(227, 242, 251) in RGB.

No, #e3f2fb is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #e3f2fb, or check how it holds up for accessibility.

Generate a palette → Check contrast