#DF12E2 Color

#DF12E2 is rgb(223, 18, 226) in RGB and hsl(299, 85%, 48%) in HSL. The closest CSS named color is Fuchsia. Black text is most readable on this background.

#DF12E2

HEX#DF12E2

RGBrgb(223, 18, 226)

HSLhsl(299, 85%, 48%)

HSVhsv(299, 92%, 89%)

OKLCHoklch(63.9% 0.289 327.6)

CMYKcmyk(1%, 92%, 0%, 11%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #DF12E2 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.95:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.32:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #DF12E2 based on color wheel relationships. Click any swatch for its full breakdown.

Base#DF12E2 Complementary#16E212 Analogous#7712E2 Analogous#E2127E Triadic#E2DF12 Triadic#12E2DF

Tints & Shades

Lighter tints and darker shades of #DF12E2, useful for hover states, backgrounds, and text variants.

Tints

#EB2BEE #EE4CF0 #F16DF3 #F592F6 #F8B4F9 #FBD5FC

Shades

#C310C6 #A30DA5 #870B89 #6B096D #4F0750 #2E042F

Use #DF12E2 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex