#206983 Color

#206983 is rgb(32, 105, 131) in RGB and hsl(196, 61%, 32%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#206983

HEX#206983

RGBrgb(32, 105, 131)

HSLhsl(196, 61%, 32%)

HSVhsv(196, 76%, 51%)

OKLCHoklch(48.8% 0.081 226.2)

CMYKcmyk(76%, 20%, 0%, 49%)

Text Contrast & Accessibility

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

TextWhite text6.16:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#206983 Complementary#833A20 Analogous#20836C Analogous#203783 Triadic#832069 Triadic#698320

Tints & Shades

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

Tints

#2986A8 #36A6CE #5BB6D7 #84C8E1 #A9D9EA #D2EBF4

Shades

#1C5C73 #184F63 #144252 #103442 #0C2731 #081A21

Use #206983 in Our Tools

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