#4AE894

#4AE894

Color Values

HEX

#4AE894

RGB

74, 232, 148

HSL

148.1, 77.5%, 60.0%

HSV

148.1, 68.1%, 91.0%

CMYK

68.1%, 0.0%, 36.2%, 9.0%

OKLCH

0.829 0.1771 155.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4AE894

#E84A9E

Analogous

#4FE84A

#4AE8E3

#4AE894

Triadic

#4AE894

#944AE8

#E8944A

Split Complementary

#4AE894

#E34AE8

#E84A4F

Tetradic

#4AE894

#4A4FE8

#E84A9E

#E8E34A

Color Blindness Simulation

Original

#4AE894

Protanopia

#8E90A8

Deuteranopia

#8579AD

Tritanopia

#52B8BC

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9EC
200
#C0F7DA
300
#92F1BF
400
#58EA9C
500
#1DE279
600
#17B561
700
#12914E
800
#0E713D
900
#0F522E
950
#09341D

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026