#ACABB5 Color

#ACABB5 is rgb(172, 171, 181) in RGB and hsl(246, 6%, 69%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#ACABB5

HEX#ACABB5

RGBrgb(172, 171, 181)

HSLhsl(246, 6%, 69%)

HSVhsv(246, 6%, 71%)

OKLCHoklch(74.5% 0.014 290.7)

CMYKcmyk(5%, 6%, 0%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#ACABB5 Complementary#B4B5AB Analogous#ABAFB5 Analogous#B1ABB5 Triadic#B5ACAB Triadic#ABB5AC

Tints & Shades

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

Tints

#B7B6BE #C2C1C8 #CCCCD1 #DAD9DD #E4E4E7 #EFEFF1

Shades

#94939F #797887 #64626F #4E4D56 #38373E #201F23

Use #ACABB5 in Our Tools

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