#6A2BF3 Color

#6A2BF3 is rgb(106, 43, 243) in RGB and hsl(259, 89%, 56%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#6A2BF3

HEX#6A2BF3

RGBrgb(106, 43, 243)

HSLhsl(259, 89%, 56%)

HSVhsv(259, 82%, 95%)

OKLCHoklch(51.5% 0.265 287)

CMYKcmyk(56%, 82%, 0%, 5%)

Text Contrast & Accessibility

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

TextWhite text6.46:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.25:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6A2BF3 Complementary#B3F32B Analogous#2B50F3 Analogous#CE2BF3 Triadic#F36A2B Triadic#2BF36A

Tints & Shades

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

Tints

#7E48F4 #9365F6 #A782F8 #BB9FF9 #D0BCFB #E4D8FD

Shades

#540EEC #460CC6 #3A0AA4 #2D077D #21055C #130335

Use #6A2BF3 in Our Tools

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