#BB6CE0 Color

#BB6CE0 is rgb(187, 108, 224) in RGB and hsl(281, 65%, 65%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BB6CE0

HEX#BB6CE0

RGBrgb(187, 108, 224)

HSLhsl(281, 65%, 65%)

HSVhsv(281, 52%, 88%)

OKLCHoklch(66.5% 0.181 313.9)

CMYKcmyk(17%, 52%, 0%, 12%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB6CE0 Complementary#90E06C Analogous#816CE0 Analogous#E06CCA Triadic#E0BB6C Triadic#6CE0BB

Tints & Shades

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

Tints

#C581E4 #CD92E8 #D6A7EC #E0BCF1 #EAD1F5 #F1E2F9

Shades

#AA46D8 #982BCA #7B23A4 #5F1B7E #421358 #290C37

Use #BB6CE0 in Our Tools

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