#DA2F3A Color

#DA2F3A is rgb(218, 47, 58) in RGB and hsl(356, 70%, 52%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#DA2F3A

HEX#DA2F3A

RGBrgb(218, 47, 58)

HSLhsl(356, 70%, 52%)

HSVhsv(356, 78%, 85%)

OKLCHoklch(58.2% 0.206 23.6)

CMYKcmyk(0%, 78%, 73%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DA2F3A Complementary#2FDACF Analogous#DA2F90 Analogous#DA792F Triadic#3ADA2F Triadic#2F3ADA

Tints & Shades

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

Tints

#E04D57 #E46770 #EA868C #EEA0A5 #F4BEC2 #F8D8DA

Shades

#C3222D #A51D26 #86181F #6C1319 #4E0E12 #30080B

Use #DA2F3A in Our Tools

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