#12977C Color

#12977C is rgb(18, 151, 124) in RGB and hsl(168, 79%, 33%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#12977C

HEX#12977C

RGBrgb(18, 151, 124)

HSLhsl(168, 79%, 33%)

HSVhsv(168, 88%, 59%)

OKLCHoklch(60.5% 0.112 173.6)

CMYKcmyk(88%, 0%, 18%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#12977C Complementary#97122C Analogous#12973A Analogous#126F97 Triadic#7C1297 Triadic#977C12

Tints & Shades

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

Tints

#16C09E #24E5BF #4DEACB #76EFD7 #9FF4E3 #CDF9F0

Shades

#10846D #0D725E #0B604F #09493C #06372D #04251E

Use #12977C in Our Tools

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