BlueViolet (#8A2BE2)

BlueViolet is rgb(138, 43, 226) in RGB and hsl(271, 76%, 53%) in HSL. White text is most readable on this background.

#8A2BE2
HEX#8A2BE2
RGBrgb(138, 43, 226)
HSLhsl(271, 76%, 53%)
HSVhsv(271, 81%, 89%)
OKLCHoklch(53.4% 0.25 301.4)
CMYKcmyk(39%, 81%, 0%, 11%)

Text Contrast & Accessibility

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

TextWhite text5.96:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text3.52:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#8A2BE2Complementary#84E22CAnalogous#2F2CE2Analogous#E22CDFTriadic#E28A2CTriadic#2CE28A

Tints & Shades

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

Use BlueViolet in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex