#D31246 Color

#D31246 is rgb(211, 18, 70) in RGB and hsl(344, 84%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D31246

HEX#D31246

RGBrgb(211, 18, 70)

HSLhsl(344, 84%, 45%)

HSVhsv(344, 91%, 83%)

OKLCHoklch(55.5% 0.215 15.9)

CMYKcmyk(0%, 91%, 67%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text3.94:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#D31246 Complementary#12D3A0 Analogous#D312A6 Analogous#D33F12 Triadic#46D312 Triadic#1246D3

Tints & Shades

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

Tints

#EC2258 #EF4371 #F2698D #F58AA6 #F8AFC3 #FBD0DC

Shades

#B7103C #9B0D33 #7F0B2A #670922 #4B0719 #2F0410

Use #D31246 in Our Tools

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