#206A42 Color

#206A42 is rgb(32, 106, 66) in RGB and hsl(148, 54%, 27%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#206A42

HEX#206A42

RGBrgb(32, 106, 66)

HSLhsl(148, 54%, 27%)

HSVhsv(148, 70%, 42%)

OKLCHoklch(46.8% 0.097 155.6)

CMYKcmyk(70%, 0%, 38%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#206A42 Complementary#6A2047 Analogous#226A20 Analogous#206A68 Triadic#42206A Triadic#6A4220

Tints & Shades

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

Tints

#2B915B #37B974 #56CD8D #81D9AA #A9E5C5 #D0F1DF

Shades

#1C5E3B #174F31 #14432A #103722 #0D2B1B #081B11

Use #206A42 in Our Tools

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