#7CF4C0

#7CF4C0

Color Values

HEX

#7CF4C0

RGB

124, 244, 192

HSL

154.0, 84.5%, 72.2%

HSV

154.0, 49.2%, 95.7%

CMYK

49.2%, 0.0%, 21.3%, 4.3%

OKLCH

0.8833 0.1323 163.3

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#7CF4C0

#F47CB0

Analogous

#7CF484

#7CECF4

#7CF4C0

Triadic

#7CF4C0

#C07CF4

#F4C07C

Split Complementary

#7CF4C0

#F47CEC

#F4847C

Tetradic

#7CF4C0

#847CF4

#F47CB0

#ECF47C

Color Blindness Simulation

Original

#7CF4C0

Protanopia

#B0B1CD

Deuteranopia

#A9A0D0

Tritanopia

#82D7D9

Achromatopsia

#D7D7D7

CSS Usage

background-color: #7CF4C0;
color: #7CF4C0;
border-color: #7CF4C0;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDF9DF
300
#8EF6C9
400
#51F0AB
500
#14EB8E
600
#10BC71
700
#0D975B
800
#0A7647
900
#0C5535
950
#073622

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.56: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