#dfabdf

Color #dfabdf

A moderately saturated light magenta.

Closest named color Plum #dda0dd · ΔE 6.46 Nearest Tailwind class fuchsia-300 #f4a8ff · ΔE 7

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

Conversions

HEX

#dfabdf

RGB

rgb(223, 171, 223)

HSL

hsl(300, 44.8%, 77.3%)

HSV / HSB

hsv(300, 23.3%, 87.5%)

CMYK

cmyk(0%, 23.3%, 0%, 12.5%)

LAB

lab(76.16, 27.63, -18.83)

LCH

lch(76.16, 33.44, 325.73)

OKLCH

oklch(80.5%, 0.0916, 326.4)

HWB

hwb(300, 67.1%, 12.5%)

Harmony colors

Complementary

#abdfab

Analogous

#c5abdf

#dfabdf

#dfabc5

Triadic

#dfabdf

#dfdfab

#abdfdf

Split-complementary

#dfabdf

#c5dfab

#abdfc5

Tetradic

#dfabdf

#dfabab

#abdfab

#abdfdf

Square

#dfabdf

#dfc5ab

#abdfab

#abc5df

Shades

Color #dfabdf mixed toward black.

#cd7ccd

#bb4cbb

#8f368f

#5f245f

#301230

Tints

Color #dfabdf mixed toward white.

#e4b9e4

#eac7ea

#efd5ef

#f4e3f4

#faf1fa

Tones

Color #dfabdf mixed toward gray.

#dbb0db

#d6b4d6

#d2b8d2

#cebcce

#c9c1c9

Accessibility

Aa White text on this color

1.9:1

Aa Black text on this color

11.03:1

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

Under color vision deficiencies

Protanopia

#cbcad4 · ΔE 18.5

Deuteranopia

#ced1d1 · ΔE 19.8

Tritanopia

#ddcbc9 · ΔE 19.2

Achromatopsia

#bcbcbc · ΔE 21.7

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

Code

CSS

background-color: #dfabdf;

Tailwind (arbitrary value)

bg-[#dfabdf]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#dfabdf (#dfabdf) is rgb(223, 171, 223) in RGB.

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

Generate a palette → Check contrast