#4AEC97

#4AEC97

Color Values

HEX

#4AEC97

RGB

74, 236, 151

HSL

148.5, 81.0%, 60.8%

HSV

148.5, 68.6%, 92.5%

CMYK

68.6%, 0.0%, 36.0%, 7.5%

OKLCH

0.8395 0.1796 155.8

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4AEC97

#EC4A9F

Analogous

#4EEC4A

#4AECE8

#4AEC97

Triadic

#4AEC97

#974AEC

#EC974A

Split Complementary

#4AEC97

#E84AEC

#EC4A4E

Tetradic

#4AEC97

#4A4EEC

#EC4A9F

#ECE84A

Color Blindness Simulation

Original

#4AEC97

Protanopia

#9092AC

Deuteranopia

#877BB0

Tritanopia

#52BCBF

Achromatopsia

#C3C3C3

CSS Usage

background-color: #4AEC97;
color: #4AEC97;
border-color: #4AEC97;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E1F9ED
200
#BEF8DA
300
#90F3BF
400
#54ED9D
500
#18E77A
600
#13B962
700
#10944E
800
#0C733D
900
#0D542F
950
#08351D

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026