#66DC6F

#66DC6F

Color Values

HEX

#66DC6F

RGB

102, 220, 111

HSL

124.6, 62.8%, 63.1%

HSV

124.6, 53.6%, 86.3%

CMYK

53.6%, 0.0%, 49.5%, 13.7%

OKLCH

0.8013 0.1831 145.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#66DC6F

#DC66D3

Analogous

#98DC66

#66DCAA

#66DC6F

Triadic

#66DC6F

#6F66DC

#DC6F66

Split Complementary

#66DC6F

#AA66DC

#DC6698

Tetradic

#66DC6F

#6698DC

#DC66D3

#DCAA66

Color Blindness Simulation

Original

#66DC6F

Protanopia

#999A89

Deuteranopia

#928990

Tritanopia

#6C9EA3

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E5
200
#C5F2C8
300
#9BE8A1
400
#65DC6E
500
#2FD03C
600
#26A630
700
#1E8526
800
#18681E
900
#154C19
950
#0D3010

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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