#4556BA Color

#4556BA is rgb(69, 86, 186) in RGB and hsl(231, 46%, 50%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#4556BA

HEX#4556BA

RGBrgb(69, 86, 186)

HSLhsl(231, 46%, 50%)

HSVhsv(231, 63%, 73%)

OKLCHoklch(49.5% 0.158 272.1)

CMYKcmyk(63%, 54%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4556BA Complementary#BAA945 Analogous#4591BA Analogous#6E45BA Triadic#BA4556 Triadic#56BA45

Tints & Shades

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

Tints

#5F6EC4 #7986CD #939DD7 #A9B1DF #C3C9E9 #DDE1F3

Shades

#3B4AA0 #33408A #293470 #212959 #171D3F #0F1329

Use #4556BA in Our Tools

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