HEX Color #24F050 (Limegreen)

About #24F050

When working with digital screens, the color #24F050 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Limegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 240, and 80.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 85% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#24F050

RGB36, 240, 80

HSL132.9°, 87.2%, 54.1%

CMYK85%, 0%, 67%, 6%

HSV132.9°, 85.0%, 94.1%

LAB83.6, -76.6, 61.8

XYZ33.3, 63.3, 18.0

Decimal2420816

Color Harmonies

Complementary

#24F050 #EF24C3

Analogous

#5DEF24 #24EFB6

Triadic

#4F24EF #EF5024

Tetradic

#245DEF #EF24C3 #EFB524

Tints, Shades & Tones

Tints (Adding White)

#24F050

#3CF163

#54F376

#6DF58A

#85F69D

#9DF8B1

#B6FAC4

#CEFBD8

#E6FDEB

#FFFFFF

Shades (Adding Black)

#24F050

#20D547

#1CBA3E

#18A035

#14852C

#106A23

#0C501A

#083511

#041A08

#000000

WCAG Contrast Accessibility

1.54:1

Text on #FFFFFF

FAIL

13.65:1

Text on #000000

AAA

1.47:1

Text on #F8FAFC

FAIL

11.61:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #24F050; }

.text-color { color: #24F050; }

.border-color { border: 2px solid #24F050; }

Similar Colors

Limegreen

#32CD32