#50A800

A dark, vivid green closely aligning with Yellowgreen.

About #50A800

When working with digital screens, the color #50A800 is rendered by mixing light. It is closely associated with the named CSS color Yellowgreen. Its digital footprint relies on 80 parts red, 168 parts green, and 0 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 52% Cyan, 0% Magenta, 100% Yellow, and 34% Black. With a hue angle of 91.4 degrees, it sits comfortably in the green spectrum.

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#50A800
RGB80, 168, 0
HSL91.4°, 100.0%, 32.9%
CMYK52%, 0%, 100%, 34%
HSV91.4°, 100.0%, 65.9%
LAB61.4, -50.2, 62.7
XYZ17.3, 29.7, 4.8
Decimal5285888

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.03:1
Text on #FFFFFF
AA Large
6.94:1
Text on #000000
AA
2.89:1
Text on #F8FAFC
FAIL
5.90:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #50A800; }
.text-color { color: #50A800; }
.border-color { border: 2px solid #50A800; }

Similar Colors

Yellowgreen
#9ACD32