#7CEA86

#7CEA86

Color Values

HEX

#7CEA86

RGB

124, 234, 134

HSL

125.5, 72.4%, 70.2%

HSV

125.5, 47.0%, 91.8%

CMYK

47.0%, 0.0%, 42.7%, 8.2%

OKLCH

0.8478 0.1703 145.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7CEA86

#EA7CE0

Analogous

#A9EA7C

#7CEABD

#7CEA86

Triadic

#7CEA86

#867CEA

#EA867C

Split Complementary

#7CEA86

#BD7CEA

#EA7CA9

Tetradic

#7CEA86

#7CA9EA

#EA7CE0

#EABD7C

Color Blindness Simulation

Original

#7CEA86

Protanopia

#ACAD9E

Deuteranopia

#A59DA4

Tritanopia

#82B1B6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E4
200
#C1F5C6
300
#95EE9E
400
#5CE569
500
#23DC34
600
#1CB02A
700
#178D21
800
#126E1A
900
#115017
950
#0B330E

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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