#208EA2 Color

#208EA2 is rgb(32, 142, 162) in RGB and hsl(189, 67%, 38%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#208EA2

HEX#208EA2

RGBrgb(32, 142, 162)

HSLhsl(189, 67%, 38%)

HSVhsv(189, 80%, 64%)

OKLCHoklch(59.7% 0.097 213.3)

CMYKcmyk(80%, 12%, 0%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#208EA2 Complementary#A23320 Analogous#20A274 Analogous#204DA2 Triadic#A2208E Triadic#8EA220

Tints & Shades

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

Tints

#28B0C8 #3FC2D9 #66CEE1 #88D9E7 #AEE5EF #D0F0F6

Shades

#1C7C8D #186977 #135662 #104751 #0C343C #082226

Use #208EA2 in Our Tools

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