#66CC72

#66CC72

Color Values

HEX

#66CC72

RGB

102, 204, 114

HSL

127.1, 50.0%, 60.0%

HSV

127.1, 50.0%, 80.0%

CMYK

50.0%, 0.0%, 44.1%, 20.0%

OKLCH

0.7621 0.1584 146.3

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#66CC72

#CC66C0

Analogous

#8DCC66

#66CCA5

#66CC72

Triadic

#66CC72

#7266CC

#CC7266

Split Complementary

#66CC72

#A566CC

#CC668D

Tetradic

#66CC72

#668DCC

#CC66C0

#CCA566

Color Blindness Simulation

Original

#66CC72

Protanopia

#929388

Deuteranopia

#8C858D

Tritanopia

#6B999D

Achromatopsia

#B0B0B0

CSS Usage

background-color: #66CC72;
color: #66CC72;
border-color: #66CC72;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#C9EDCE
300
#A3E0AA
400
#71D07D
500
#40BF4F
600
#33993F
700
#297A32
800
#206027
900
#1B4620
950
#112C14

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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