#BB64D8 Color

#BB64D8 is rgb(187, 100, 216) in RGB and hsl(285, 60%, 62%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BB64D8

HEX#BB64D8

RGBrgb(187, 100, 216)

HSLhsl(285, 60%, 62%)

HSVhsv(285, 54%, 85%)

OKLCHoklch(64.9% 0.185 317)

CMYKcmyk(13%, 54%, 0%, 15%)

Text Contrast & Accessibility

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

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

TextBlack text5.93:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BB64D8 Complementary#81D864 Analogous#8164D8 Analogous#D864BB Triadic#D8BB64 Triadic#64D8BB

Tints & Shades

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

Tints

#C478DD #CD8DE2 #D6A1E8 #E1BAEE #EACEF3 #F3E2F8

Shades

#AD43D0 #952EB8 #7B2697 #601E76 #461556 #280C31

Use #BB64D8 in Our Tools

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