#346ABC Color

#346ABC is rgb(52, 106, 188) in RGB and hsl(216, 57%, 47%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#346ABC

HEX#346ABC

RGBrgb(52, 106, 188)

HSLhsl(216, 57%, 47%)

HSVhsv(216, 72%, 74%)

OKLCHoklch(53% 0.141 258.7)

CMYKcmyk(72%, 44%, 0%, 26%)

Text Contrast & Accessibility

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

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

TextBlack text3.93:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#346ABC Complementary#BC8634 Analogous#34AFBC Analogous#4134BC Triadic#BC346A Triadic#6ABC34

Tints & Shades

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

Tints

#477CCD #6793D5 #83A7DD #9FBBE5 #BBCFEC #DBE5F5

Shades

#2D5DA4 #264F8C #204274 #183258 #122440 #0B1728

Use #346ABC in Our Tools

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