#CA89F0 Color

#CA89F0 is rgb(202, 137, 240) in RGB and hsl(278, 77%, 74%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#CA89F0

HEX#CA89F0

RGBrgb(202, 137, 240)

HSLhsl(278, 77%, 74%)

HSVhsv(278, 43%, 94%)

OKLCHoklch(73.4% 0.158 312.1)

CMYKcmyk(16%, 43%, 0%, 6%)

Text Contrast & Accessibility

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

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

TextBlack text8.35:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CA89F0 Complementary#AFF08A Analogous#978AF0 Analogous#F08AE2 Triadic#F0CA8A Triadic#8AF0CA

Tints & Shades

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

Tints

#D097F2 #D8A9F4 #DFB7F6 #E7C9F8 #EDD6FA #F5E8FC

Shades

#B65DEA #A22FE4 #871AC7 #691499 #4A0E6C #2B083F

Use #CA89F0 in Our Tools

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