#7CC280

#7CC280

Color Values

HEX

#7CC280

RGB

124, 194, 128

HSL

123.4, 36.5%, 62.4%

HSV

123.4, 36.1%, 76.1%

CMYK

36.1%, 0.0%, 34.0%, 23.9%

OKLCH

0.7506 0.1173 145.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#7CC280

#C27CBE

Analogous

#9BC27C

#7CC2A3

#7CC280

Triadic

#7CC280

#807CC2

#C2807C

Split Complementary

#7CC280

#A37CC2

#C27C9B

Tetradic

#7CC280

#7C9BC2

#C27CBE

#C2A37C

Color Blindness Simulation

Original

#7CC280

Protanopia

#9A9B90

Deuteranopia

#969194

Tritanopia

#809D9F

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8D0
300
#ABD8AE
400
#7EC382
500
#51AE56
600
#418B45
700
#346F37
800
#28572B
900
#214022
950
#152916

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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