#B218DC Color

#B218DC is rgb(178, 24, 220) in RGB and hsl(287, 80%, 48%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B218DC

HEX#B218DC

RGBrgb(178, 24, 220)

HSLhsl(287, 80%, 48%)

HSVhsv(287, 89%, 86%)

OKLCHoklch(57.1% 0.267 316.8)

CMYKcmyk(19%, 89%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text5.18:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.06:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B218DC Complementary#43DC18 Analogous#5018DC Analogous#DC18A5 Triadic#DCB218 Triadic#18DCB2

Tints & Shades

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

Tints

#C030E8 #CA51EC #D471EF #DF95F3 #E9B6F7 #F2D6FA

Shades

#9C15C1 #8212A1 #6B0F85 #550C6A #3F094E #25052E

Use #B218DC in Our Tools

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