HEX Color #50B600 (Limegreen)

About #50B600

The precise color #50B600 is an excellent choice for modern design projects. Its closest recognized web color is Limegreen. Its digital footprint relies on 80 parts red, 182 parts green, and 0 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 56% cyan, 0% magenta, 100% yellow, and 29% black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. 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#50B600

RGB80, 182, 0

HSL93.6°, 100.0%, 35.7%

CMYK56%, 0%, 100%, 29%

HSV93.6°, 100.0%, 71.4%

LAB65.9, -55.3, 66.2

XYZ20.0, 35.2, 5.7

Decimal5289472

Color Harmonies

Complementary

#50B600 #6500B6

Analogous

#ABB600 #00B60B

Triadic

#004FB6 #B60050

Tetradic

#00AAB6 #6500B6 #B60A00

Tints, Shades & Tones

Tints (Adding White)

#50B600

#63BE1C

#76C638

#8ACE55

#9DD671

#B1DE8D

#C4E6AA

#D8EEC6

#EBF6E2

#FFFFFF

Shades (Adding Black)

#50B600

#47A100

#3E8D00

#357900

#2C6500

#235000

#1A3C00

#112800

#081400

#000000

WCAG Contrast Accessibility

2.61:1

Text on #FFFFFF

FAIL

8.03:1

Text on #000000

AAA

2.50:1

Text on #F8FAFC

FAIL

6.83:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #50B600; }

.text-color { color: #50B600; }

.border-color { border: 2px solid #50B600; }

Similar Colors

Limegreen

#32CD32