#66FF2C

#66FF2C

Color Values

HEX

#66FF2C

RGB

102, 255, 44

HSL

103.5, 100.0%, 58.6%

HSV

103.5, 82.7%, 100.0%

CMYK

60.0%, 0.0%, 82.7%, 0.0%

OKLCH

0.8825 0.2665 139.3

Properties

Cool Light Nearest: lawngreen

Color Harmonies

Complementary

#66FF2C

#C52CFF

Analogous

#CFFF2C

#2CFF5B

#66FF2C

Triadic

#66FF2C

#2C66FF

#FF2C66

Split Complementary

#66FF2C

#5B2CFF

#FF2CCF

Tetradic

#66FF2C

#2CCFFF

#C52CFF

#FF5B2C

Color Blindness Simulation

Original

#66FF2C

Protanopia

#A8AA5F

Deuteranopia

#9F946B

Tritanopia

#6E8790

Achromatopsia

#CFCFCF

CSS Usage

background-color: #66FF2C;
color: #66FF2C;
border-color: #66FF2C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CBFFB8
300
#A6FF85
400
#76FF42
500
#46FF00
600
#38CC00
700
#2DA300
800
#238000
900
#1D5C05
950
#123A03

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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