#DE12B8 Color

#DE12B8 is rgb(222, 18, 184) in RGB and hsl(311, 85%, 47%) in HSL. The closest CSS named color is DeepPink. Black text is most readable on this background.

#DE12B8

HEX#DE12B8

RGBrgb(222, 18, 184)

HSLhsl(311, 85%, 47%)

HSVhsv(311, 92%, 87%)

OKLCHoklch(61.4% 0.262 338.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DE12B8 Complementary#12DE37 Analogous#9D12DE Analogous#DE1252 Triadic#B8DE12 Triadic#12B8DE

Tints & Shades

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

Tints

#ED26C9 #F04CD2 #F36DDB #F68EE3 #F8AFEB #FCD5F4

Shades

#C110A1 #A50D89 #890B72 #680856 #4B063F #2F0427

Use #DE12B8 in Our Tools

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