#AF979A Color

#AF979A is rgb(175, 151, 154) in RGB and hsl(353, 13%, 64%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#AF979A

HEX#AF979A

RGBrgb(175, 151, 154)

HSLhsl(353, 13%, 64%)

HSVhsv(353, 14%, 69%)

OKLCHoklch(69.9% 0.029 9.3)

CMYKcmyk(0%, 14%, 12%, 31%)

Text Contrast & Accessibility

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

TextWhite text2.72:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.72:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AF979A Complementary#97AFAC Analogous#AF97A6 Analogous#AFA097 Triadic#9AAF97 Triadic#979AAF

Tints & Shades

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

Tints

#BAA6A8 #C5B4B6 #D0C2C4 #D9CECF #E4DCDD #EFEBEB

Shades

#9B7D81 #87686C #6D5457 #564345 #3D2F30 #251D1E

Use #AF979A in Our Tools

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