#DC12E2 Color

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

#DC12E2

HEX#DC12E2

RGBrgb(220, 18, 226)

HSLhsl(298, 85%, 48%)

HSVhsv(298, 92%, 89%)

OKLCHoklch(63.5% 0.288 326.8)

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

Text Contrast & Accessibility

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

TextWhite text4.02:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#DC12E2 Complementary#19E212 Analogous#7312E2 Analogous#E21281 Triadic#E2DC12 Triadic#12E2DC

Tints & Shades

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

Tints

#E72BEE #EB4CF0 #EF6DF3 #F392F6 #F7B4F9 #FAD5FC

Shades

#C010C6 #A00DA5 #850B89 #69096D #4E0750 #2E042F

Use #DC12E2 in Our Tools

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