#445BAB Color

#445BAB is rgb(68, 91, 171) in RGB and hsl(227, 43%, 47%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#445BAB

HEX#445BAB

RGBrgb(68, 91, 171)

HSLhsl(227, 43%, 47%)

HSVhsv(227, 60%, 67%)

OKLCHoklch(49.4% 0.13 269.2)

CMYKcmyk(60%, 47%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#445BAB Complementary#AB9544 Analogous#448EAB Analogous#6244AB Triadic#AB445B Triadic#5BAB44

Tints & Shades

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

Tints

#576DBC #7486C8 #8E9DD2 #A7B3DC #C1C9E6 #DEE2F2

Shades

#3C4F96 #334480 #2A386A #202A50 #171F3A #0F1324

Use #445BAB in Our Tools

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