HEX Color #66D375 (Lightgreen)

About #66D375

When working with digital screens, the color #66D375 is rendered by mixing light. Its closest recognized web color is Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 211, and 117.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 52% cyan and 0% magenta inks. With a hue angle of 128.3 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#66D375

RGB102, 211, 117

HSL128.3°, 55.3%, 61.4%

CMYK52%, 0%, 45%, 17%

HSV128.3°, 51.7%, 82.7%

LAB76.5, -50.9, 37.1

XYZ32.0, 50.7, 24.9

Decimal6738805

Color Harmonies

Complementary

#66D375 #D366C4

Analogous

#8DD366 #66D3AB

Triadic

#7566D3 #D37566

Tetradic

#668DD3 #D366C4 #D3AB66

Tints, Shades & Tones

Tints (Adding White)

#66D375

#77D784

#88DC93

#99E1A3

#AAE6B2

#BBEBC1

#CCF0D1

#DDF5E0

#EEFAEF

#FFFFFF

Shades (Adding Black)

#66D375

#5ABB68

#4FA45B

#448C4E

#387541

#2D5D34

#224627

#162E1A

#0B170D

#000000

WCAG Contrast Accessibility

1.89:1

Text on #FFFFFF

FAIL

11.14:1

Text on #000000

AAA

1.80:1

Text on #F8FAFC

FAIL

9.47:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90