#7CF0AE

#7CF0AE

Color Values

HEX

#7CF0AE

RGB

124, 240, 174

HSL

145,9, 79,5%, 71,4%

HSV

145,9, 48,3%, 94,1%

CMYK

48,3%, 0,0%, 27,5%, 5,9%

OKLCH

0,8698 0,1417 156,8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7CF0AE

#F07CBE

Analogous

#84F07C

#7CF0E8

#7CF0AE

Triadic

#7CF0AE

#AE7CF0

#F0AE7C

Split Complementary

#7CF0AE

#E87CF0

#F07C84

Tetradic

#7CF0AE

#7C84F0

#F07CBE

#F0E87C

Color Blindness Simulation

Original

#7CF0AE

Protanopia

#AEAFBE

Deuteranopia

#A89FC2

Tritanopia

#82CBCD

Achromatopsia

#D3D3D3

CSS Usage

background-color: #7CF0AE;
color: #7CF0AE;
border-color: #7CF0AE;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF7
100
#E1F9EC
200
#BFF8D7
300
#91F2BB
400
#56EC96
500
#1AE572
600
#15B75B
700
#119249
800
#0D7239
900
#0E532C
950
#09341C

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,93:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026