#12A159 Color

#12A159 is rgb(18, 161, 89) in RGB and hsl(150, 80%, 35%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#12A159

HEX#12A159

RGBrgb(18, 161, 89)

HSLhsl(150, 80%, 35%)

HSVhsv(150, 89%, 63%)

OKLCHoklch(62.4% 0.154 153.6)

CMYKcmyk(89%, 0%, 45%, 37%)

Text Contrast & Accessibility

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

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

TextBlack text6.27:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#12A159 Complementary#A11259 Analogous#12A112 Analogous#12A1A1 Triadic#5912A1 Triadic#A15912

Tints & Shades

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

Tints

#16CA70 #27E787 #51EC9E #7AF0B5 #A3F5CC #CDF9E3

Shades

#108E4F #0D7742 #0B6538 #094E2B #073C21 #042514

Use #12A159 in Our Tools

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