#dfdbe9

Color #dfdbe9

A muted very light blue.

Closest named color Lavender #e6e6fa · ΔE 5.01 Nearest Tailwind class mauve-300 #d7d0d7 · ΔE 4

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

Conversions

HEX

#dfdbe9

RGB

rgb(223, 219, 233)

HSL

hsl(257.1, 24.1%, 88.6%)

HSV / HSB

hsv(257.1, 6%, 91.4%)

CMYK

cmyk(4.3%, 6%, 0%, 8.6%)

LAB

lab(88.08, 3.91, -6.35)

LCH

lch(88.08, 7.46, 301.62)

OKLCH

oklch(89.9%, 0.0193, 299.08)

HWB

hwb(257.1, 85.9%, 8.6%)

Harmony colors

Complementary

#e5e9db

Analogous

#dbdee9

#dfdbe9

#e6dbe9

Triadic

#dfdbe9

#e9dfdb

#dbe9df

Split-complementary

#dfdbe9

#e9e6db

#dee9db

Tetradic

#dfdbe9

#e9dbe5

#e5e9db

#dbe9df

Square

#dfdbe9

#e9dbde

#e5e9db

#dbe9e6

Shades

Color #dfdbe9 mixed toward black.

#b5accc

#8c7db0

#65568c

#44395d

#221d2f

Tints

Color #dfdbe9 mixed toward white.

#e4e1ed

#eae7f0

#efedf4

#f4f3f8

#faf9fb

Tones

Color #dfdbe9 mixed toward gray.

#dfdce8

#e0dde7

#e0dee5

#e1e0e4

#e1e1e3

Accessibility

Aa White text on this color

1.36:1

Aa Black text on this color

15.45:1

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

Under color vision deficiencies

Protanopia

#dddde6 · ΔE 3.1

Deuteranopia

#dedee5 · ΔE 3.9

Tritanopia

#dfe3e2 · ΔE 9

Achromatopsia

#dddddd · ΔE 7.2

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

Code

CSS

background-color: #dfdbe9;

Tailwind (arbitrary value)

bg-[#dfdbe9]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Blue Violet #8a2be2

Frequently asked questions

#dfdbe9 (#dfdbe9) is rgb(223, 219, 233) in RGB.

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

Generate a palette → Check contrast