#555EC3 Color

#555EC3 is rgb(85, 94, 195) in RGB and hsl(235, 48%, 55%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#555EC3

HEX#555EC3

RGBrgb(85, 94, 195)

HSLhsl(235, 48%, 55%)

HSVhsv(235, 56%, 76%)

OKLCHoklch(52.8% 0.156 275.9)

CMYKcmyk(56%, 52%, 0%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#555EC3 Complementary#C3BA55 Analogous#5595C3 Analogous#8355C3 Triadic#C3555E Triadic#5EC355

Tints & Shades

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

Tints

#6C74CB #8289D3 #999FDB #B4B8E4 #CACDEC #E1E2F4

Shades

#4049B5 #353D97 #2C327D #222862 #191D48 #0F112A

Use #555EC3 in Our Tools

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