#BEA7AF Color

#BEA7AF is rgb(190, 167, 175) in RGB and hsl(339, 15%, 70%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#BEA7AF

HEX#BEA7AF

RGBrgb(190, 167, 175)

HSLhsl(339, 15%, 70%)

HSVhsv(339, 12%, 75%)

OKLCHoklch(75.1% 0.029 354.8)

CMYKcmyk(0%, 12%, 8%, 25%)

Text Contrast & Accessibility

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

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

TextBlack text9.34:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BEA7AF Complementary#A7BEB6 Analogous#BEA7BB Analogous#BEAAA7 Triadic#AFBEA7 Triadic#A7AFBE

Tints & Shades

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

Tints

#C7B3BA #CFBEC4 #D8CACF #E1D6DA #E9E2E4 #F2EDEF

Shades

#AA8D97 #956F7C #7B5B66 #5E454E #433238 #261C20

Use #BEA7AF in Our Tools

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