#545CCF Color

#545CCF is rgb(84, 92, 207) in RGB and hsl(236, 56%, 57%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#545CCF

HEX#545CCF

RGBrgb(84, 92, 207)

HSLhsl(236, 56%, 57%)

HSVhsv(236, 59%, 81%)

OKLCHoklch(53.2% 0.175 275.7)

CMYKcmyk(59%, 56%, 0%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#545CCF Complementary#CFC754 Analogous#549ACF Analogous#8954CF Triadic#CF545C Triadic#5CCF54

Tints & Shades

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

Tints

#6C73D5 #848ADC #9CA0E3 #AFB3E9 #C7CAEF #DFE1F6

Shades

#3740C3 #2F37A7 #262D87 #1E236B #15194C #0D1030

Use #545CCF in Our Tools

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