#D3225A Color

#D3225A is rgb(211, 34, 90) in RGB and hsl(341, 72%, 48%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#D3225A

HEX#D3225A

RGBrgb(211, 34, 90)

HSLhsl(341, 72%, 48%)

HSVhsv(341, 84%, 83%)

OKLCHoklch(56.7% 0.209 9.9)

CMYKcmyk(0%, 84%, 57%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#D3225A Complementary#22D39B Analogous#D322B2 Analogous#D34322 Triadic#5AD322 Triadic#225AD3

Tints & Shades

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

Tints

#DF3A6E #E45885 #E9779B #EF9AB5 #F4B9CB #F9D8E2

Shades

#B81E4F #9A1942 #7F1536 #65102B #4B0C20 #2C0713

Use #D3225A in Our Tools

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