#126E55 Color

#126E55 is rgb(18, 110, 85) in RGB and hsl(164, 72%, 25%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#126E55

HEX#126E55

RGBrgb(18, 110, 85)

HSLhsl(164, 72%, 25%)

HSVhsv(164, 84%, 43%)

OKLCHoklch(48.1% 0.091 169.1)

CMYKcmyk(84%, 0%, 23%, 57%)

Text Contrast & Accessibility

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

TextWhite text6.2:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.39:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#126E55 Complementary#6E122A Analogous#126E27 Analogous#12586E Triadic#55126E Triadic#6E5512

Tints & Shades

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

Tints

#199A77 #21CA9D #3EE0B4 #6EE7C7 #9AEFD8 #CAF6EB

Shades

#10604B #0E5341 #0B4637 #09392C #072C22 #051F18

Use #126E55 in Our Tools

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