#543DD6 Color

#543DD6 is rgb(84, 61, 214) in RGB and hsl(249, 65%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#543DD6

HEX#543DD6

RGBrgb(84, 61, 214)

HSLhsl(249, 65%, 54%)

HSVhsv(249, 71%, 84%)

OKLCHoklch(48.8% 0.221 281.3)

CMYKcmyk(61%, 71%, 0%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#543DD6 Complementary#BFD63D Analogous#3D73D6 Analogous#A13DD6 Triadic#D6543D Triadic#3DD654

Tints & Shades

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

Tints

#6B57DB #8574E2 #9B8DE7 #B1A7EC #C7C0F2 #E1DDF8

Shades

#412AC6 #3824A8 #2E1D8B #231669 #19104C #0F0A2E

Use #543DD6 in Our Tools

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