#5343FE Color

#5343FE is rgb(83, 67, 254) in RGB and hsl(245, 99%, 63%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#5343FE

HEX#5343FE

RGBrgb(83, 67, 254)

HSLhsl(245, 99%, 63%)

HSVhsv(245, 74%, 100%)

OKLCHoklch(53.3% 0.261 276.6)

CMYKcmyk(67%, 74%, 0%, 0%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5343FE Complementary#EEFE43 Analogous#4391FE Analogous#B043FE Triadic#FE5343 Triadic#43FE53

Tints & Shades

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

Tints

#6A5DFE #8176FE #998FFE #B0A9FF #C7C2FF #DEDBFF

Shades

#2E1BFE #1501E9 #1101C1 #0D0193 #09016B #05003D

Use #5343FE in Our Tools

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