#7CCF52

#7CCF52

Color Values

HEX

#7CCF52

RGB

124, 207, 82

HSL

99.8, 56.6%, 56.7%

HSV

99.8, 60.4%, 81.2%

CMYK

40.1%, 0.0%, 60.4%, 18.8%

OKLCH

0.7752 0.1798 136.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7CCF52

#A552CF

Analogous

#BBCF52

#52CF67

#7CCF52

Triadic

#7CCF52

#527CCF

#CF527C

Split Complementary

#7CCF52

#6752CF

#CF52BB

Tetradic

#7CCF52

#52BBCF

#A552CF

#CF6752

Color Blindness Simulation

Original

#7CCF52

Protanopia

#A0A170

Deuteranopia

#9B9578

Tritanopia

#80888D

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7CCF52;
color: #7CCF52;
border-color: #7CCF52;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FBF4
100
#EAF6E5
200
#D5F0C7
300
#B6E49F
400
#8FD66B
500
#68C837
600
#53A02C
700
#438023
800
#34641C
900
#284918
950
#1A2E0F

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026