#448CAB Color

#448CAB is rgb(68, 140, 171) in RGB and hsl(198, 43%, 47%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#448CAB

HEX#448CAB

RGBrgb(68, 140, 171)

HSLhsl(198, 43%, 47%)

HSVhsv(198, 60%, 67%)

OKLCHoklch(60.7% 0.086 228.7)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#448CAB Complementary#AB6344 Analogous#44AB97 Analogous#4459AB Triadic#AB448C Triadic#8CAB44

Tints & Shades

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

Tints

#579EBC #74AFC8 #8EBED2 #A7CCDC #C1DBE6 #DEECF2

Shades

#3C7B96 #336980 #2A576A #204250 #17303A #0F1E24

Use #448CAB in Our Tools

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