#66FC76

#66FC76

Color Values

HEX

#66FC76

RGB

102, 252, 118

HSL

126.4, 96.2%, 69.4%

HSV

126.4, 59.5%, 98.8%

CMYK

59.5%, 0.0%, 53.2%, 1.2%

OKLCH

0.8812 0.2182 145.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#66FC76

#FC66EC

Analogous

#A1FC66

#66FCC1

#66FC76

Triadic

#66FC76

#7666FC

#FC7666

Split Complementary

#66FC76

#C166FC

#FC66A1

Tetradic

#66FC76

#66A1FC

#FC66EC

#FCC166

Color Blindness Simulation

Original

#66FC76

Protanopia

#A7A896

Deuteranopia

#9E939E

Tritanopia

#6EB0B6

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DFFCE2
200
#B9FEC0
300
#87FD93
400
#46FB59
500
#05FA1F
600
#04C819
700
#03A014
800
#027D10
900
#075A0F
950
#04390A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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