#7CDF9A

#7CDF9A

Color Values

HEX

#7CDF9A

RGB

124, 223, 154

HSL

138.2, 60.7%, 68.0%

HSV

138.2, 44.4%, 87.5%

CMYK

44.4%, 0.0%, 30.9%, 12.5%

OKLCH

0.8252 0.1355 152.2

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#7CDF9A

#DF7CC1

Analogous

#8FDF7C

#7CDFCB

#7CDF9A

Triadic

#7CDF9A

#9A7CDF

#DF9A7C

Split Complementary

#7CDF9A

#CB7CDF

#DF7C8F

Tetradic

#7CDF9A

#7C8FDF

#DF7CC1

#DFCB7C

Color Blindness Simulation

Original

#7CDF9A

Protanopia

#A7A8AB

Deuteranopia

#A19AAF

Tritanopia

#81B8BB

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F3FBF6
100
#E4F6EA
200
#C6F1D3
300
#9DE7B3
400
#67DA8A
500
#32CD61
600
#28A44E
700
#20833E
800
#196631
900
#164B26
950
#0E2F18

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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