#AD253E Color

#AD253E is rgb(173, 37, 62) in RGB and hsl(349, 65%, 41%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#AD253E

HEX#AD253E

RGBrgb(173, 37, 62)

HSLhsl(349, 65%, 41%)

HSVhsv(349, 79%, 68%)

OKLCHoklch(49.4% 0.171 16.5)

CMYKcmyk(0%, 79%, 64%, 32%)

Text Contrast & Accessibility

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

TextWhite text6.75:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#AD253E Complementary#25AD94 Analogous#AD2581 Analogous#AD5025 Triadic#3EAD25 Triadic#253EAD

Tints & Shades

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

Tints

#CE2C4A #D94A64 #E06C81 #E892A1 #EFB3BE #F6D5DB

Shades

#972036 #7E1B2D #691626 #54121E #3F0D17 #26080E

Use #AD253E in Our Tools

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