#545CED Color

#545CED is rgb(84, 92, 237) in RGB and hsl(237, 81%, 63%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#545CED

HEX#545CED

RGBrgb(84, 92, 237)

HSLhsl(237, 81%, 63%)

HSVhsv(237, 65%, 93%)

OKLCHoklch(55.5% 0.214 274.6)

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

Text Contrast & Accessibility

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

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

TextBlack text4.13:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#545CED Complementary#EDE554 Analogous#54A8ED Analogous#9954ED Triadic#ED545C Triadic#5CED54

Tints & Shades

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

Tints

#6B72EF #8288F2 #999EF4 #B1B4F7 #C8CAF9 #DFE0FC

Shades

#2F39E9 #1620D4 #121AAF #0E1486 #0A0F61 #060837

Use #545CED in Our Tools

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