#df41bc

Color #df41bc

A vivid, highly saturated medium magenta.

Closest named color Orchid #da70d6 · ΔE 18.8 Nearest Tailwind class pink-500 #f6339a · ΔE 8.5

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

Conversions

HEX

#df41bc

RGB

rgb(223, 65, 188)

HSL

hsl(313.3, 71.2%, 56.5%)

HSV / HSB

hsv(313.3, 70.9%, 87.5%)

CMYK

cmyk(0%, 70.9%, 15.7%, 12.5%)

LAB

lab(55.18, 72.21, -31.42)

LCH

lch(55.18, 78.75, 336.49)

OKLCH

oklch(64.4%, 0.2301, 338.26)

HWB

hwb(313.3, 25.5%, 12.5%)

Harmony colors

Complementary

#41df64

Analogous

#b341df

#df41bc

#df416d

Triadic

#df41bc

#bcdf41

#41bcdf

Split-complementary

#df41bc

#6ddf41

#41dfb3

Tetradic

#df41bc

#df6441

#41df64

#41bcdf

Square

#df41bc

#dfb341

#41df64

#416ddf

Shades

Color #df41bc mixed toward black.

#ce23a8

#a41c86

#7b1565

#520e43

#290722

Tints

Color #df41bc mixed toward white.

#e461c7

#ea80d2

#efa0de

#f4c0e9

#fadff4

Tones

Color #df41bc mixed toward gray.

#d24eb5

#c55bad

#b869a6

#aa769f

#9d8397

Accessibility

Aa White text on this color

3.74:1

Aa Black text on this color

5.62:1

Black text reads better on this background (5.62:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#b1b0a8 · ΔE 37.5

Deuteranopia

#b8c1a3 · ΔE 53.6

Tritanopia

#da9792 · ΔE 27.5

Achromatopsia

#848484 · ΔE 28.5

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

Code

CSS

background-color: #df41bc;

Tailwind (arbitrary value)

bg-[#df41bc]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#df41bc (#df41bc) is rgb(223, 65, 188) in RGB.

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

Generate a palette → Check contrast