HEX Color #99DB7C (Lightgreen)

About #99DB7C

The hex code #99DB7C represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 153, 219, and 124.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 30% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#99DB7C

RGB153, 219, 124

HSL101.7°, 56.9%, 67.3%

CMYK30%, 0%, 43%, 14%

HSV101.7°, 43.4%, 85.9%

LAB81.2, -37.9, 40.1

XYZ42.1, 58.9, 28.2

Decimal10083196

Color Harmonies

Complementary

#99DB7C #BD7BDB

Analogous

#C8DB7B #7BDB8E

Triadic

#7B98DB #DB7B99

Tetradic

#7BC8DB #BD7BDB #DB8E7B

Tints, Shades & Tones

Tints (Adding White)

#99DB7C

#A4DF8A

#AFE399

#BBE7A7

#C6EBB6

#D1EFC4

#DDF3D3

#E8F7E1

#F3FBF0

#FFFFFF

Shades (Adding Black)

#99DB7C

#88C26E

#77AA60

#669252

#557944

#446137

#334929

#22301B

#11180D

#000000

WCAG Contrast Accessibility

1.64:1

Text on #FFFFFF

FAIL

12.78:1

Text on #000000

AAA

1.57:1

Text on #F8FAFC

FAIL

10.86:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #99DB7C; }

.text-color { color: #99DB7C; }

.border-color { border: 2px solid #99DB7C; }

Similar Colors

Lightgreen

#90EE90