HEX Color #66C533 (Limegreen)

About #66C533

The precise color #66C533 is an excellent choice for modern design projects. Designers often compare it to the standard color Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 197, and 51.

Translating this color to physical media requires the CMYK color model. The color uses 48% Cyan, 0% Magenta, 74% Yellow, and 23% Black. The HSL representation is 99.0° hue, 58.9% saturation, and 48.6% 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#66C533

RGB102, 197, 51

HSL99.0°, 58.9%, 48.6%

CMYK48%, 0%, 74%, 23%

HSV99.0°, 74.1%, 77.3%

LAB71.6, -52.6, 60.5

XYZ26.0, 43.0, 10.1

Decimal6735155

Color Harmonies

Complementary

#66C533 #9133C5

Analogous

#AFC533 #33C548

Triadic

#3366C5 #C53366

Tetradic

#33AFC5 #9133C5 #C54833

Tints, Shades & Tones

Tints (Adding White)

#66C533

#77CB49

#88D160

#99D877

#AADE8D

#BBE5A4

#CCEBBB

#DDF2D1

#EEF8E8

#FFFFFF

Shades (Adding Black)

#66C533

#5AAF2D

#4F9927

#448322

#386D1C

#2D5716

#224111

#162B0B

#0B1505

#000000

WCAG Contrast Accessibility

2.19:1

Text on #FFFFFF

FAIL

9.60:1

Text on #000000

AAA

2.09:1

Text on #F8FAFC

FAIL

8.16:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Limegreen

#32CD32