#449FC1 Color

#449FC1 is rgb(68, 159, 193) in RGB and hsl(196, 50%, 51%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#449FC1

HEX#449FC1

RGBrgb(68, 159, 193)

HSLhsl(196, 50%, 51%)

HSVhsv(196, 65%, 76%)

OKLCHoklch(66.2% 0.099 226)

CMYKcmyk(65%, 18%, 0%, 24%)

Text Contrast & Accessibility

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

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

TextBlack text6.98:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#449FC1 Complementary#C16544 Analogous#44C1A3 Analogous#4461C1 Triadic#C1449F Triadic#9FC144

Tints & Shades

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

Tints

#5EADC9 #75B9D1 #90C6DA #ABD4E3 #C6E2EC #DDEDF4

Shades

#388AA8 #307891 #286177 #1F4B5C #163541 #0E232A

Use #449FC1 in Our Tools

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