#5930FD Color

#5930FD is rgb(89, 48, 253) in RGB and hsl(252, 98%, 59%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#5930FD

HEX#5930FD

RGBrgb(89, 48, 253)

HSLhsl(252, 98%, 59%)

HSVhsv(252, 81%, 99%)

OKLCHoklch(51.5% 0.274 279.9)

CMYKcmyk(65%, 81%, 0%, 1%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5930FD Complementary#D4FD30 Analogous#306DFD Analogous#BF30FD Triadic#FD5930 Triadic#30FD59

Tints & Shades

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

Tints

#714EFD #8668FD #9E86FE #B29FFE #CABDFE #DFD7FF

Shades

#3908FD #2D02D9 #2502B1 #1D018D #150165 #0D013D

Use #5930FD in Our Tools

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