#545F96 Color

#545F96 is rgb(84, 95, 150) in RGB and hsl(230, 28%, 46%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#545F96

HEX#545F96

RGBrgb(84, 95, 150)

HSLhsl(230, 28%, 46%)

HSVhsv(230, 44%, 59%)

OKLCHoklch(50.1% 0.089 274.2)

CMYKcmyk(44%, 37%, 0%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#545F96 Complementary#968B54 Analogous#548096 Analogous#6A5496 Triadic#96545F Triadic#5F9654

Tints & Shades

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

Tints

#6671A9 #8089B7 #979EC4 #B1B6D3 #C8CCE0 #E2E4EE

Shades

#495383 #3E476F #333A5B #282E48 #1D2134 #121521

Use #545F96 in Our Tools

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