#7CDC66

#7CDC66

Color Values

HEX

#7CDC66

RGB

124, 220, 102

HSL

108.8, 62.8%, 63.1%

HSV

108.8, 53.6%, 86.3%

CMYK

43.6%, 0.0%, 53.6%, 13.7%

OKLCH

0.8092 0.1803 140.0

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7CDC66

#C666DC

Analogous

#B7DC66

#66DC8B

#7CDC66

Triadic

#7CDC66

#667CDC

#DC667C

Split Complementary

#7CDC66

#8B66DC

#DC66B7

Tetradic

#7CDC66

#66B7DC

#C666DC

#DC8B66

Color Blindness Simulation

Original

#7CDC66

Protanopia

#A6A683

Deuteranopia

#A09989

Tritanopia

#81999E

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F7E4
200
#CDF2C5
300
#AAE89B
400
#7CDC65
500
#4DD02F
600
#3EA626
700
#31851E
800
#276818
900
#1F4C15
950
#14300D

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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