#553BD8 Color

#553BD8 is rgb(85, 59, 216) in RGB and hsl(250, 67%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#553BD8

HEX#553BD8

RGBrgb(85, 59, 216)

HSLhsl(250, 67%, 54%)

HSVhsv(250, 73%, 85%)

OKLCHoklch(48.8% 0.225 281.7)

CMYKcmyk(61%, 73%, 0%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#553BD8 Complementary#BED83B Analogous#3B70D8 Analogous#A43BD8 Triadic#D8553B Triadic#3BD855

Tints & Shades

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

Tints

#6B55DD #8572E3 #9B8CE8 #B2A6ED #C8BFF2 #E1DDF8

Shades

#4228C8 #3822AA #2F1C8D #23156A #190F4D #10092F

Use #553BD8 in Our Tools

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