#D4166C Color

#D4166C is rgb(212, 22, 108) in RGB and hsl(333, 81%, 46%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#D4166C

HEX#D4166C

RGBrgb(212, 22, 108)

HSLhsl(333, 81%, 46%)

HSVhsv(333, 90%, 83%)

OKLCHoklch(56.8% 0.22 2.3)

CMYKcmyk(0%, 90%, 49%, 17%)

Text Contrast & Accessibility

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

TextWhite text5.08:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#D4166C Complementary#16D47F Analogous#D416CB Analogous#D42016 Triadic#6CD416 Triadic#166CD4

Tints & Shades

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

Tints

#E8267D #EC4B93 #EF6BA7 #F390BD #F7B1D0 #FBD5E6

Shades

#B9135E #9D1050 #810E42 #660B34 #4A0825 #2E0517

Use #D4166C in Our Tools

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