#edf2fb

Color #edf2fb

A moderately saturated very light blue.

Closest named color Alice Blue #f0f8ff · ΔE 2.35 Nearest Tailwind class blue-50 #eff6ff · ΔE 1.2

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

Conversions

HEX

#edf2fb

RGB

rgb(237, 242, 251)

HSL

hsl(218.6, 63.6%, 95.7%)

HSV / HSB

hsv(218.6, 5.6%, 98.4%)

CMYK

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

LAB

lab(95.36, -0.01, -4.9)

LCH

lch(95.36, 4.9, 269.88)

OKLCH

oklch(96%, 0.0132, 262.18)

HWB

hwb(218.6, 92.9%, 1.6%)

Harmony colors

Complementary

#fbf6ed

Analogous

#edf9fb

#edf2fb

#efedfb

Triadic

#edf2fb

#fbedf2

#f2fbed

Split-complementary

#edf2fb

#fbefed

#f9fbed

Tetradic

#edf2fb

#f6edfb

#fbf6ed

#f2fbed

Square

#edf2fb

#fbedf9

#fbf6ed

#edfbef

Shades

Color #edf2fb mixed toward black.

#abc2ec

#6892dd

#2c64c8

#1e4385

#0f2143

Tints

Color #edf2fb mixed toward white.

#f0f4fc

#f3f6fc

#f6f9fd

#f9fbfe

#fcfdfe

Tones

Color #edf2fb mixed toward gray.

#eef2fa

#eff3f9

#f1f3f8

#f2f3f6

#f3f4f5

Accessibility

Aa White text on this color

1.12:1

Aa Black text on this color

18.69:1

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

Under color vision deficiencies

Protanopia

#efeff9 · ΔE 2.7

Deuteranopia

#efeff8 · ΔE 2.5

Tritanopia

#edf7f7 · ΔE 5.6

Achromatopsia

#f2f2f2 · ΔE 4.4

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

Code

CSS

background-color: #edf2fb;

Tailwind (arbitrary value)

bg-[#edf2fb]

Related colors

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Royal Blue #4169e1

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#edf2fb (#edf2fb) is rgb(237, 242, 251) in RGB.

No, #edf2fb 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 #edf2fb, or check how it holds up for accessibility.

Generate a palette → Check contrast