#128266 Color

#128266 is rgb(18, 130, 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.

#128266

HEX#128266

RGBrgb(18, 130, 102)

HSLhsl(165, 76%, 29%)

HSVhsv(165, 86%, 51%)

OKLCHoklch(54.2% 0.103 170.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

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

Tints & Shades

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

Tints

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

Shades

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

Use #128266 in Our Tools

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