#12AB7F Color

#12AB7F is rgb(18, 171, 127) in RGB and hsl(163, 81%, 37%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#12AB7F

HEX#12AB7F

RGBrgb(18, 171, 127)

HSLhsl(163, 81%, 37%)

HSVhsv(163, 89%, 67%)

OKLCHoklch(65.9% 0.133 166.1)

CMYKcmyk(89%, 0%, 26%, 33%)

Text Contrast & Accessibility

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

TextWhite text2.93:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.16:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#12AB7F Complementary#AB123D Analogous#12AB33 Analogous#128AAB Triadic#7F12AB Triadic#AB7F12

Tints & Shades

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

Tints

#16D49E #2BE9B3 #54EDC2 #7EF1D1 #A7F6E0 #CCFAED

Shades

#10946E #0E8160 #0B6A4F #09533E #063C2D #042A1F

Use #12AB7F in Our Tools

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