#DE128C Color

#DE128C is rgb(222, 18, 140) in RGB and hsl(324, 85%, 47%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#DE128C

HEX#DE128C

RGBrgb(222, 18, 140)

HSLhsl(324, 85%, 47%)

HSVhsv(324, 92%, 87%)

OKLCHoklch(59.5% 0.24 352.5)

CMYKcmyk(0%, 92%, 37%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text4.57:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#DE128C Complementary#12DE63 Analogous#C912DE Analogous#DE1226 Triadic#8CDE12 Triadic#128CDE

Tints & Shades

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

Tints

#ED269E #F04CAF #F36DBD #F68ECC #F8AFDB #FCD5EC

Shades

#C1107A #A50D68 #890B57 #680842 #4B0630 #2F041E

Use #DE128C in Our Tools

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