#BD66F0 Color

#BD66F0 is rgb(189, 102, 240) in RGB and hsl(278, 82%, 67%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BD66F0

HEX#BD66F0

RGBrgb(189, 102, 240)

HSLhsl(278, 82%, 67%)

HSVhsv(278, 57%, 94%)

OKLCHoklch(66.8% 0.208 311.1)

CMYKcmyk(21%, 57%, 0%, 6%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BD66F0 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.32:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BD66F0 Complementary#98F066 Analogous#7866F0 Analogous#F066DD Triadic#F0BD66 Triadic#66F0BD

Tints & Shades

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

Tints

#C578F2 #CF90F4 #D7A2F6 #E1B9F8 #E9CCFA #F3E3FC

Shades

#AB3CEC #9816E3 #7C12BA #600E90 #440A66 #28063C

Use #BD66F0 in Our Tools

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