#AF838D Color

#AF838D is rgb(175, 131, 141) in RGB and hsl(346, 22%, 60%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#AF838D

HEX#AF838D

RGBrgb(175, 131, 141)

HSLhsl(346, 22%, 60%)

HSVhsv(346, 25%, 69%)

OKLCHoklch(65.6% 0.056 3.6)

CMYKcmyk(0%, 25%, 19%, 31%)

Text Contrast & Accessibility

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

TextWhite text3.25:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#AF838D Complementary#83AFA5 Analogous#AF83A3 Analogous#AF8F83 Triadic#8DAF83 Triadic#838DAF

Tints & Shades

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

Tints

#B9929B #C5A5AC #CFB4BB #DBC7CC #E5D7DA #F1E9EB

Shades

#A06A76 #895863 #704851 #57383F #3E282D #25181B

Use #AF838D in Our Tools

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