#D66196 Color

#D66196 is rgb(214, 97, 150) in RGB and hsl(333, 59%, 61%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#D66196

HEX#D66196

RGBrgb(214, 97, 150)

HSLhsl(333, 59%, 61%)

HSVhsv(333, 55%, 84%)

OKLCHoklch(65.1% 0.157 354)

CMYKcmyk(0%, 55%, 30%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D66196 Complementary#61D6A1 Analogous#D661D0 Analogous#D66761 Triadic#96D661 Triadic#6196D6

Tints & Shades

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

Tints

#DB75A3 #E28DB3 #E7A2C1 #ECB6CE #F1CADC #F8E3EC

Shades

#CE4080 #B62F6C #962759 #721D43 #511530 #310D1D

Use #D66196 in Our Tools

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