#206469 Color

#206469 is rgb(32, 100, 105) in RGB and hsl(184, 53%, 27%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#206469

HEX#206469

RGBrgb(32, 100, 105)

HSLhsl(184, 53%, 27%)

HSVhsv(184, 70%, 41%)

OKLCHoklch(46.4% 0.067 202.1)

CMYKcmyk(70%, 5%, 0%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#206469 Complementary#692520 Analogous#20694A Analogous#204069 Triadic#692064 Triadic#646920

Tints & Shades

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

Tints

#2C8A90 #38AFB7 #57C4CB #82D3D9 #A9E1E5 #D0EEF1

Shades

#1D595E #184A4E #143F42 #113437 #0D292B #081A1B

Use #206469 in Our Tools

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