HEX Color #66D366 (Lightgreen)

About #66D366

The hex code #66D366 represents a beautifully specific shade of green. Designers often compare it to the standard color Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 211, and 102.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 52% C, 0% M, 52% Y, and 17% K. With a hue angle of 120.0 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#66D366

RGB102, 211, 102

HSL120.0°, 55.3%, 61.4%

CMYK52%, 0%, 52%, 17%

HSV120.0°, 51.7%, 82.7%

LAB76.3, -53.0, 44.2

XYZ31.2, 50.4, 20.7

Decimal6738790

Color Harmonies

Complementary

#66D366 #D366D3

Analogous

#9CD366 #66D39C

Triadic

#6666D3 #D36666

Tetradic

#669CD3 #D366D3 #D39C66

Tints, Shades & Tones

Tints (Adding White)

#66D366

#77D777

#88DC88

#99E199

#AAE6AA

#BBEBBB

#CCF0CC

#DDF5DD

#EEFAEE

#FFFFFF

Shades (Adding Black)

#66D366

#5ABB5A

#4FA44F

#448C44

#387538

#2D5D2D

#224622

#162E16

#0B170B

#000000

WCAG Contrast Accessibility

1.90:1

Text on #FFFFFF

FAIL

11.07:1

Text on #000000

AAA

1.81:1

Text on #F8FAFC

FAIL

9.41:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #66D366; }

.text-color { color: #66D366; }

.border-color { border: 2px solid #66D366; }

Similar Colors

Lightgreen

#90EE90