#4A88A1 Color

#4A88A1 is rgb(74, 136, 161) in RGB and hsl(197, 37%, 46%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#4A88A1

HEX#4A88A1

RGBrgb(74, 136, 161)

HSLhsl(197, 37%, 46%)

HSVhsv(197, 54%, 63%)

OKLCHoklch(59.5% 0.074 226.4)

CMYKcmyk(54%, 16%, 0%, 37%)

Text Contrast & Accessibility

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

TextWhite text3.94:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#4A88A1 Complementary#A1624A Analogous#4AA18E Analogous#4A5DA1 Triadic#A14A88 Triadic#88A14A

Tints & Shades

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

Tints

#5B9AB3 #77ABC0 #8FBACC #ABCCD8 #C4DBE4 #E0ECF1

Shades

#40768C #376577 #2D5362 #23414D #1A2F38 #101E23

Use #4A88A1 in Our Tools

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