#DE59CC Color

#DE59CC is rgb(222, 89, 204) in RGB and hsl(308, 67%, 61%) in HSL. The closest CSS named color is Orchid. Black text is most readable on this background.

#DE59CC

HEX#DE59CC

RGBrgb(222, 89, 204)

HSLhsl(308, 67%, 61%)

HSVhsv(308, 60%, 87%)

OKLCHoklch(67.4% 0.21 333.3)

CMYKcmyk(0%, 60%, 8%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text6.41:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#DE59CC Complementary#59DE6B Analogous#AD59DE Analogous#DE598A Triadic#CCDE59 Triadic#59CCDE

Tints & Shades

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

Tints

#E26ED3 #E788DB #EC9DE1 #F0B2E8 #F4C8EE #F9E1F6

Shades

#D737C2 #C026AB #9E1F8D #77186A #55114C #330A2E

Use #DE59CC in Our Tools

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