#eedafb

Color #eedafb

A vivid, highly saturated very light purple.

Closest named color Lavender #e6e6fa · ΔE 10.1 Nearest Tailwind class purple-200 #e9d4ff · ΔE 3.1

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

Conversions

HEX

#eedafb

RGB

rgb(238, 218, 251)

HSL

hsl(276.4, 80.5%, 92%)

HSV / HSB

hsv(276.4, 13.1%, 98.4%)

CMYK

cmyk(5.2%, 13.1%, 0%, 1.6%)

LAB

lab(89.53, 12.74, -13.55)

LCH

lch(89.53, 18.6, 313.24)

OKLCH

oklch(91.5%, 0.0491, 312.2)

HWB

hwb(276.4, 85.5%, 1.6%)

Harmony colors

Complementary

#e7fbda

Analogous

#dedafb

#eedafb

#fbdaf8

Triadic

#eedafb

#fbeeda

#dafbee

Split-complementary

#eedafb

#f8fbda

#dafbde

Tetradic

#eedafb

#fbdae7

#e7fbda

#dafbee

Square

#eedafb

#fbdeda

#e7fbda

#daf8fb

Shades

Color #eedafb mixed toward black.

#ce94f3

#ad4dec

#8917d4

#5c0f8d

#2e0847

Tints

Color #eedafb mixed toward white.

#f1e0fc

#f4e6fc

#f7edfd

#f9f3fe

#fcf9fe

Tones

Color #eedafb mixed toward gray.

#eeddf8

#ede0f6

#ece2f3

#ece5f0

#ebe8ed

Accessibility

Aa White text on this color

1.31:1

Aa Black text on this color

16.06:1

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

Under color vision deficiencies

Protanopia

#e6e5f4 · ΔE 9.6

Deuteranopia

#e7e8f2 · ΔE 11.9

Tritanopia

#ededec · ΔE 16.2

Achromatopsia

#e1e1e1 · ΔE 15.3

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

Code

CSS

background-color: #eedafb;

Tailwind (arbitrary value)

bg-[#eedafb]

Related colors

Indigo #4b0082

Dark Orchid #9932cc

Blue Violet #8a2be2

Dark Violet #9400d3

Rebecca Purple #663399

Medium Orchid #ba55d3

Frequently asked questions

#eedafb (#eedafb) is rgb(238, 218, 251) in RGB.

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

Generate a palette → Check contrast