#df80ea

Color #df80ea

A vivid, highly saturated light magenta.

Closest named color Violet #ee82ee · ΔE 4.92 Nearest Tailwind class fuchsia-400 #ed6aff · ΔE 5.1

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

Conversions

HEX

#df80ea

RGB

rgb(223, 128, 234)

HSL

hsl(293.8, 71.6%, 71%)

HSV / HSB

hsv(293.8, 45.3%, 91.8%)

CMYK

cmyk(4.7%, 45.3%, 0%, 8.2%)

LAB

lab(67.33, 52.37, -38.43)

LCH

lch(67.33, 64.96, 323.73)

OKLCH

oklch(74%, 0.1768, 323.28)

HWB

hwb(293.8, 50.2%, 8.2%)

Harmony colors

Complementary

#8bea80

Analogous

#aa80ea

#df80ea

#ea80c0

Triadic

#df80ea

#eadf80

#80eadf

Split-complementary

#df80ea

#c0ea80

#80eaaa

Tetradic

#df80ea

#ea808b

#8bea80

#80eadf

Square

#df80ea

#eaaa80

#8bea80

#80c0ea

Shades

Color #df80ea mixed toward black.

#d24ce1

#bd22cf

#8e1a9b

#5f1168

#2f0934

Tints

Color #df80ea mixed toward white.

#e495ed

#eaaaf1

#efc0f4

#f4d5f8

#faeafb

Tones

Color #df80ea mixed toward gray.

#d889e1

#d192d8

#ca9bd0

#c3a3c7

#bcacbe

Accessibility

Aa White text on this color

2.5:1

Aa Black text on this color

8.41:1

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

Under color vision deficiencies

Protanopia

#bdbdd6 · ΔE 21.7

Deuteranopia

#c2c9d1 · ΔE 21.5

Tritanopia

#dbc5c1 · ΔE 28.3

Achromatopsia

#a4a4a4 · ΔE 26.6

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

Code

CSS

background-color: #df80ea;

Tailwind (arbitrary value)

bg-[#df80ea]

Related colors

Medium Orchid #ba55d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#df80ea (#df80ea) is rgb(223, 128, 234) in RGB.

No, #df80ea is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast