#D9023C Color

#D9023C is rgb(217, 2, 60) in RGB and hsl(344, 98%, 43%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D9023C

HEX#D9023C

RGBrgb(217, 2, 60)

HSLhsl(344, 98%, 43%)

HSVhsv(344, 99%, 85%)

OKLCHoklch(56.1% 0.224 19)

CMYKcmyk(0%, 99%, 72%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D9023C Complementary#02D9A0 Analogous#D902A7 Analogous#D93402 Triadic#3CD902 Triadic#023CD9

Tints & Shades

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

Tints

#FD0849 #FD3067 #FD5884 #FE7C9E #FEA4BC #FECDDA

Shades

#BB0233 #A2022C #830124 #6A011D #4C0115 #32010E

Use #D9023C in Our Tools

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