#A288AA Color

#A288AA is rgb(162, 136, 170) in RGB and hsl(286, 17%, 60%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#A288AA

HEX#A288AA

RGBrgb(162, 136, 170)

HSLhsl(286, 17%, 60%)

HSVhsv(286, 20%, 67%)

OKLCHoklch(66.2% 0.058 318.2)

CMYKcmyk(5%, 20%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A288AA Complementary#90AA88 Analogous#9188AA Analogous#AA88A1 Triadic#AAA288 Triadic#88AAA2

Tints & Shades

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

Tints

#AE97B5 #BCA8C2 #C7B7CC #D5C9D9 #E1D8E3 #EFEAF0

Shades

#907099 #7A5D83 #644C6B #4E3B54 #382A3C #211924

Use #A288AA in Our Tools

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