#218CBA Color

#218CBA is rgb(33, 140, 186) in RGB and hsl(198, 70%, 43%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#218CBA

HEX#218CBA

RGBrgb(33, 140, 186)

HSLhsl(198, 70%, 43%)

HSVhsv(198, 82%, 73%)

OKLCHoklch(60.3% 0.114 232.6)

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

Text Contrast & Accessibility

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

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

TextBlack text5.52:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#218CBA Complementary#BA4F21 Analogous#21BA9C Analogous#2140BA Triadic#BA218C Triadic#8CBA21

Tints & Shades

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

Tints

#2BA5DA #4DB4E0 #70C2E6 #8ECFEB #B1DEF1 #D4EDF7

Shades

#1C79A0 #18688B #145571 #10455B #0B3141 #08212B

Use #218CBA in Our Tools

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