#545D83 Color

#545D83 is rgb(84, 93, 131) in RGB and hsl(229, 22%, 42%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#545D83

HEX#545D83

RGBrgb(84, 93, 131)

HSLhsl(229, 22%, 42%)

HSVhsv(229, 36%, 51%)

OKLCHoklch(48.6% 0.062 273.6)

CMYKcmyk(36%, 29%, 0%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#545D83 Complementary#837A54 Analogous#547483 Analogous#625483 Triadic#83545C Triadic#5C8354

Tints & Shades

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

Tints

#636E9C #7C85AB #959CBB #AEB3CB #C7CBDB #E0E2EB

Shades

#4A5173 #3E4460 #343951 #282C3E #1E212F #12141C

Use #545D83 in Our Tools

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