#2976AE Color

#2976AE is rgb(41, 118, 174) in RGB and hsl(205, 62%, 42%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2976AE

HEX#2976AE

RGBrgb(41, 118, 174)

HSLhsl(205, 62%, 42%)

HSVhsv(205, 76%, 68%)

OKLCHoklch(54.6% 0.114 244.5)

CMYKcmyk(76%, 32%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text4.89:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.3:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#2976AE Complementary#AE6029 Analogous#29AEA2 Analogous#2934AE Triadic#AE2976 Triadic#76AE29

Tints & Shades

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

Tints

#308DCF #519FD6 #73B1DE #94C4E6 #B5D6EE #D6E8F5

Shades

#246899 #1E5780 #19496B #133853 #0F2A3E #091925

Use #2976AE in Our Tools

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