#7CCD3B

#7CCD3B

Color Values

HEX

#7CCD3B

RGB

124, 205, 59

HSL

93.3, 59.3%, 51.8%

HSV

93.3, 71.2%, 80.4%

CMYK

39.5%, 0.0%, 71.2%, 19.6%

OKLCH

0.7682 0.1936 134.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7CCD3B

#8C3BCD

Analogous

#C5CD3B

#3BCD43

#7CCD3B

Triadic

#7CCD3B

#3B7CCD

#CD3B7C

Split Complementary

#7CCD3B

#433BCD

#CD3BC5

Tetradic

#7CCD3B

#3BC5CD

#8C3BCD

#CD433B

Color Blindness Simulation

Original

#7CCD3B

Protanopia

#9FA05E

Deuteranopia

#9A9467

Tritanopia

#807A80

Achromatopsia

#B1B1B1

CSS Usage

background-color: #7CCD3B;
color: #7CCD3B;
border-color: #7CCD3B;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F0C6
300
#BEE69E
400
#9AD969
500
#77CB34
600
#5FA22A
700
#4C8221
800
#3C661A
900
#2E4A17
950
#1D2F0E

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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