#534BEC Color

#534BEC is rgb(83, 75, 236) in RGB and hsl(243, 81%, 61%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#534BEC

HEX#534BEC

RGBrgb(83, 75, 236)

HSLhsl(243, 81%, 61%)

HSVhsv(243, 68%, 93%)

OKLCHoklch(52.7% 0.232 277)

CMYKcmyk(65%, 68%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#534BEC Complementary#E4EC4B Analogous#4B93EC Analogous#A44BEC Triadic#EC534B Triadic#4BEC53

Tints & Shades

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

Tints

#6962EF #847EF1 #9A95F4 #B0ACF6 #C6C3F9 #E0DFFC

Shades

#3026E8 #1F16D0 #1A12AB #130E81 #0E0A5C #080637

Use #534BEC in Our Tools

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