HEX Color #66E27C (Lightgreen)

About #66E27C

The precise color #66E27C is an excellent choice for modern design projects. Designers often compare it to the standard color Lightgreen. Its digital footprint relies on 102 parts red, 226 parts green, and 124 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 55% cyan, 0% magenta, 45% yellow, and 11% black. This makes it a relatively light color when applied to physical surfaces.

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#66E27C

RGB102, 226, 124

HSL130.6°, 68.1%, 64.3%

CMYK55%, 0%, 45%, 11%

HSV130.6°, 54.9%, 88.6%

LAB81.1, -55.8, 39.5

XYZ36.3, 58.7, 28.5

Decimal6742652

Color Harmonies

Complementary

#66E27C #E265CB

Analogous

#8EE265 #65E2B9

Triadic

#7B65E2 #E27B65

Tetradic

#658EE2 #E265CB #E2B965

Tints, Shades & Tones

Tints (Adding White)

#66E27C

#77E58A

#88E899

#99EBA7

#AAEEB6

#BBF2C4

#CCF5D3

#DDF8E1

#EEFBF0

#FFFFFF

Shades (Adding Black)

#66E27C

#5AC86E

#4FAF60

#449652

#387D44

#2D6437

#224B29

#16321B

#0B190D

#000000

WCAG Contrast Accessibility

1.65:1

Text on #FFFFFF

FAIL

12.73:1

Text on #000000

AAA

1.58:1

Text on #F8FAFC

FAIL

10.83:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightgreen

#90EE90