#DB296A Color

#DB296A is rgb(219, 41, 106) in RGB and hsl(338, 71%, 51%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#DB296A

HEX#DB296A

RGBrgb(219, 41, 106)

HSLhsl(338, 71%, 51%)

HSVhsv(338, 81%, 86%)

OKLCHoklch(58.9% 0.213 5.8)

CMYKcmyk(0%, 81%, 52%, 14%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DB296A Complementary#29DB9A Analogous#DB29C3 Analogous#DB4129 Triadic#6ADB29 Triadic#296ADB

Tints & Shades

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

Tints

#E04880 #E46292 #EA81A7 #EF9FBC #F4BED2 #F8D8E4

Shades

#C0215B #A61C4F #871740 #691232 #4A0D23 #300817

Use #DB296A in Our Tools

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