#2169BA Color

#2169BA is rgb(33, 105, 186) in RGB and hsl(212, 70%, 43%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2169BA

HEX#2169BA

RGBrgb(33, 105, 186)

HSLhsl(212, 70%, 43%)

HSVhsv(212, 82%, 73%)

OKLCHoklch(52.1% 0.145 254.5)

CMYKcmyk(82%, 44%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2169BA Complementary#BA7321 Analogous#21B5BA Analogous#2621BA Triadic#BA2169 Triadic#69BA21

Tints & Shades

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

Tints

#2B7CDA #4D92E0 #70A7E6 #8EBAEB #B1CFF1 #D4E4F7

Shades

#1C5AA0 #184E8B #143F71 #10335B #0B2441 #08182B

Use #2169BA in Our Tools

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