#12916F Color

#12916F is rgb(18, 145, 111) in RGB and hsl(164, 78%, 32%) in HSL. The closest CSS named color is Teal. Black text is most readable on this background.

#12916F

HEX#12916F

RGBrgb(18, 145, 111)

HSLhsl(164, 78%, 32%)

HSVhsv(164, 88%, 57%)

OKLCHoklch(58.5% 0.114 168.3)

CMYKcmyk(88%, 0%, 23%, 43%)

Text Contrast & Accessibility

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

TextWhite text3.96:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.31:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#12916F Complementary#911234 Analogous#129130 Analogous#127491 Triadic#6F1291 Triadic#916F12

Tints & Shades

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

Tints

#17BA8F #21E4B0 #49E9BE #77EECE #A0F3DD #CDF9ED

Shades

#107F61 #0D6D53 #0B5B46 #094938 #07362A #04241C

Use #12916F in Our Tools

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