#df86bf

Color #df86bf

A moderately saturated light magenta.

Closest named color Plum #dda0dd · ΔE 13.23 Nearest Tailwind class pink-400 #fb64b6 · ΔE 7.6

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

Conversions

HEX

#df86bf

RGB

rgb(223, 134, 191)

HSL

hsl(321.6, 58.2%, 70%)

HSV / HSB

hsv(321.6, 39.9%, 87.5%)

CMYK

cmyk(0%, 39.9%, 14.3%, 12.5%)

LAB

lab(66.9, 41.83, -15.16)

LCH

lch(66.9, 44.49, 340.08)

OKLCH

oklch(73.1%, 0.1293, 341.89)

HWB

hwb(321.6, 52.5%, 12.5%)

Harmony colors

Complementary

#86dfa6

Analogous

#d386df

#df86bf

#df8692

Triadic

#df86bf

#bfdf86

#86bfdf

Split-complementary

#df86bf

#92df86

#86dfd3

Tetradic

#df86bf

#dfa686

#86dfa6

#86bfdf

Square

#df86bf

#dfd386

#86dfa6

#8692df

Shades

Color #df86bf mixed toward black.

#d357a6

#bc328a

#8d2568

#5e1945

#2f0c23

Tints

Color #df86bf mixed toward white.

#e49aca

#eaaed4

#efc2df

#f4d7ea

#faebf4

Tones

Color #df86bf mixed toward gray.

#d88dbd

#d095bb

#c99cb9

#c1a4b7

#baabb5

Accessibility

Aa White text on this color

2.53:1

Aa Black text on this color

8.3:1

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

Under color vision deficiencies

Protanopia

#bfbeb3 · ΔE 31.8

Deuteranopia

#c4cab0 · ΔE 41

Tritanopia

#dca9a7 · ΔE 17.8

Achromatopsia

#a3a3a3 · ΔE 24.2

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

Code

CSS

background-color: #df86bf;

Tailwind (arbitrary value)

bg-[#df86bf]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#df86bf (#df86bf) is rgb(223, 134, 191) in RGB.

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

Generate a palette → Check contrast