HEX Color #66FF50 (Lawngreen)

About #66FF50

The precise color #66FF50 is an excellent choice for modern design projects. Its closest recognized web color is Lawngreen. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 255, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 60% C, 0% M, 69% Y, and 0% K. The HSL representation is 112.5° hue, 100.0% saturation, and 65.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#66FF50

RGB102, 255, 80

HSL112.5°, 100.0%, 65.7%

CMYK60%, 0%, 69%, 0%

HSV112.5°, 68.6%, 100.0%

LAB89.4, -71.2, 68.3

XYZ42.7, 74.9, 19.8

Decimal6750032

Color Harmonies

Complementary

#66FF50 #E850FE

Analogous

#BDFE50 #50FE91

Triadic

#5066FE #FE5066

Tetradic

#50BDFE #E850FE #FE9150

Tints, Shades & Tones

Tints (Adding White)

#66FF50

#77FF63

#88FF76

#99FF8A

#AAFF9D

#BBFFB1

#CCFFC4

#DDFFD8

#EEFFEB

#FFFFFF

Shades (Adding Black)

#66FF50

#5AE247

#4FC63E

#44AA35

#388D2C

#2D7123

#22551A

#163811

#0B1C08

#000000

WCAG Contrast Accessibility

1.31:1

Text on #FFFFFF

FAIL

15.98:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.59:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lawngreen

#7CFC00