#545692 Color

#545692 is rgb(84, 86, 146) in RGB and hsl(238, 27%, 45%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#545692

HEX#545692

RGBrgb(84, 86, 146)

HSLhsl(238, 27%, 45%)

HSVhsv(238, 42%, 57%)

OKLCHoklch(47.9% 0.096 280.7)

CMYKcmyk(42%, 41%, 0%, 43%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#545692 Complementary#929054 Analogous#547592 Analogous#715492 Triadic#925456 Triadic#569254

Tints & Shades

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

Tints

#6769A8 #7D7FB5 #9799C3 #AEAFD0 #C8C9DF #DFDFEC

Shades

#494A7E #3D3F6B #323357 #292A47 #1E1F34 #131320

Use #545692 in Our Tools

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