#40B5A7 Color

#40B5A7 is rgb(64, 181, 167) in RGB and hsl(173, 48%, 48%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#40B5A7

HEX#40B5A7

RGBrgb(64, 181, 167)

HSLhsl(173, 48%, 48%)

HSVhsv(173, 65%, 71%)

OKLCHoklch(70.4% 0.106 184)

CMYKcmyk(65%, 0%, 8%, 29%)

Text Contrast & Accessibility

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

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

TextBlack text8.39:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#40B5A7 Complementary#B5404D Analogous#40B56D Analogous#4088B5 Triadic#A740B5 Triadic#B5A740

Tints & Shades

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

Tints

#55C3B6 #70CDC2 #8AD6CD #A8E1DA #C3EAE5 #DDF3F0

Shades

#389F93 #2E847A #266D65 #1E5750 #17403B #0D2623

Use #40B5A7 in Our Tools

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