#40C4A1 Color

#40C4A1 is rgb(64, 196, 161) in RGB and hsl(164, 53%, 51%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#40C4A1

HEX#40C4A1

RGBrgb(64, 196, 161)

HSLhsl(164, 53%, 51%)

HSVhsv(164, 67%, 77%)

OKLCHoklch(74% 0.125 171.5)

CMYKcmyk(67%, 0%, 18%, 23%)

Text Contrast & Accessibility

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

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

TextBlack text9.63:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#40C4A1 Complementary#C44063 Analogous#40C45F Analogous#40A5C4 Triadic#A140C4 Triadic#C4A140

Tints & Shades

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

Tints

#5BCDAE #73D4BA #8EDCC7 #A9E5D5 #C4EDE2 #DCF4EE

Shades

#35AC8C #2E9479 #257963 #1D5E4C #144236 #0D2B23

Use #40C4A1 in Our Tools

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