#B564DD Color

#B564DD is rgb(181, 100, 221) in RGB and hsl(280, 64%, 63%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#B564DD

HEX#B564DD

RGBrgb(181, 100, 221)

HSLhsl(280, 64%, 63%)

HSVhsv(280, 55%, 87%)

OKLCHoklch(64.5% 0.188 313.2)

CMYKcmyk(18%, 55%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B564DD Complementary#8DDD64 Analogous#7864DD Analogous#DD64C9 Triadic#DDB564 Triadic#64DDB5

Tints & Shades

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

Tints

#BF79E2 #C98EE6 #D3A3EB #DDB8EF #E7CDF4 #F1E2F9

Shades

#A543D6 #8E2AC0 #76239F #5A1B79 #411358 #250B32

Use #B564DD in Our Tools

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