#2970C2 Color

#2970C2 is rgb(41, 112, 194) in RGB and hsl(212, 65%, 46%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2970C2

HEX#2970C2

RGBrgb(41, 112, 194)

HSLhsl(212, 65%, 46%)

HSVhsv(212, 79%, 76%)

OKLCHoklch(54.4% 0.146 254.6)

CMYKcmyk(79%, 42%, 0%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2970C2 Complementary#C27A29 Analogous#29BCC2 Analogous#2E29C2 Triadic#C22970 Triadic#70C229

Tints & Shades

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

Tints

#3982D5 #5B97DC #78AAE2 #9ABFEA #B7D2F0 #D9E7F7

Shades

#2462A8 #1E538F #194476 #14365D #0E2743 #09182A

Use #2970C2 in Our Tools

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