#AF1249 Color

#AF1249 is rgb(175, 18, 73) in RGB and hsl(339, 81%, 38%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#AF1249

HEX#AF1249

RGBrgb(175, 18, 73)

HSLhsl(339, 81%, 38%)

HSVhsv(339, 90%, 69%)

OKLCHoklch(48.9% 0.186 9.2)

CMYKcmyk(0%, 90%, 58%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AF1249 Complementary#12AF78 Analogous#AF1298 Analogous#AF2A12 Triadic#49AF12 Triadic#1249AF

Tints & Shades

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

Tints

#D9175B #E92F70 #EE598D #F17EA6 #F6A7C3 #FACCDC

Shades

#981040 #810E36 #6A0B2C #580925 #41071B #2A0411

Use #AF1249 in Our Tools

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