#6533FA Color

#6533FA is rgb(101, 51, 250) in RGB and hsl(255, 95%, 59%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#6533FA

HEX#6533FA

RGBrgb(101, 51, 250)

HSLhsl(255, 95%, 59%)

HSVhsv(255, 80%, 98%)

OKLCHoklch(52.5% 0.267 283.8)

CMYKcmyk(60%, 80%, 0%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6533FA Complementary#C8FA33 Analogous#3365FA Analogous#C833FA Triadic#FA6533 Triadic#33FA65

Tints & Shades

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

Tints

#7B51FB #8E6AFB #A588FC #B8A1FD #CEBEFD #E1D7FE

Shades

#470BF9 #3A05D6 #2F04AE #25048B #1B0363 #10023C

Use #6533FA in Our Tools

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