#4AB576

#4AB576

Color Values

HEX

#4AB576

RGB

74, 181, 118

HSL

144.7, 42.0%, 50.0%

HSV

144.7, 59.1%, 71.0%

CMYK

59.1%, 0.0%, 34.8%, 29.0%

OKLCH

0.6945 0.1359 154.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4AB576

#B54A89

Analogous

#53B54A

#4AB5AC

#4AB576

Triadic

#4AB576

#764AB5

#B5764A

Split Complementary

#4AB576

#AC4AB5

#B54A53

Tetradic

#4AB576

#4A53B5

#B54A89

#B5AC4A

Color Blindness Simulation

Original

#4AB576

Protanopia

#787985

Deuteranopia

#726A89

Tritanopia

#4F9194

Achromatopsia

#9A9A9A

CSS Usage

background-color: #4AB576;
color: #4AB576;
border-color: #4AB576;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEAD9
300
#A8DCBD
400
#79C89A
500
#4AB576
600
#3B915E
700
#2F744C
800
#255B3B
900
#1E432D
950
#132A1D

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.16:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026