#128166 Color

#128166 is rgb(18, 129, 102) in RGB and hsl(165, 76%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#128166

HEX#128166

RGBrgb(18, 129, 102)

HSLhsl(165, 76%, 29%)

HSVhsv(165, 86%, 51%)

OKLCHoklch(53.9% 0.102 170.7)

CMYKcmyk(86%, 0%, 21%, 49%)

Text Contrast & Accessibility

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

TextWhite text4.82:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.36:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#128166 Complementary#82122E Analogous#12822E Analogous#126682 Triadic#661282 Triadic#826612

Tints & Shades

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

Tints

#18AF89 #1EDCAC #47E6BE #6FEBCC #9CF2DC #C9F8EC

Shades

#0F7058 #0D634D #0B513F #094335 #073127 #05241C

Use #128166 in Our Tools

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