#3198B4 Color

#3198B4 is rgb(49, 152, 180) in RGB and hsl(193, 57%, 45%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#3198B4

HEX#3198B4

RGBrgb(49, 152, 180)

HSLhsl(193, 57%, 45%)

HSVhsv(193, 73%, 71%)

OKLCHoklch(63.4% 0.1 220)

CMYKcmyk(73%, 16%, 0%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3198B4 Complementary#B44E31 Analogous#31B48F Analogous#3156B4 Triadic#B43198 Triadic#98B431

Tints & Shades

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

Tints

#43AECB #5FBAD3 #7FC8DC #9BD4E4 #BBE2EC #D7EEF4

Shades

#2B849C #246F84 #1E5B6C #184A58 #123640 #0B2228

Use #3198B4 in Our Tools

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