#7DDC66

#7DDC66

Color Values

HEX

#7DDC66

RGB

125, 220, 102

HSL

108.3, 62.8%, 63.1%

HSV

108.3, 53.6%, 86.3%

CMYK

43.2%, 0.0%, 53.6%, 13.7%

OKLCH

0.8097 0.1798 139.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7DDC66

#C566DC

Analogous

#B8DC66

#66DC8A

#7DDC66

Triadic

#7DDC66

#667DDC

#DC667D

Split Complementary

#7DDC66

#8A66DC

#DC66B8

Tetradic

#7DDC66

#66B8DC

#C566DC

#DC8A66

Color Blindness Simulation

Original

#7DDC66

Protanopia

#A6A783

Deuteranopia

#A19A89

Tritanopia

#82999E

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F7E4
200
#CEF2C5
300
#AAE89B
400
#7DDC65
500
#4FD02F
600
#3FA626
700
#32851E
800
#276818
900
#204C15
950
#14300D

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.3:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026