HEX Color #50FF75 (Springgreen)

About #50FF75

The hex code #50FF75 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 255, and 117.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 69% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#50FF75

RGB80, 255, 117

HSL132.7°, 100.0%, 65.7%

CMYK69%, 0%, 54%, 0%

HSV132.7°, 68.6%, 100.0%

LAB89.2, -71.6, 52.7

XYZ42.3, 74.5, 29.0

Decimal5308277

Color Harmonies

Complementary

#50FF75 #FE50D9

Analogous

#82FE50 #50FECC

Triadic

#7550FE #FE7550

Tetradic

#5082FE #FE50D9 #FECC50

Tints, Shades & Tones

Tints (Adding White)

#50FF75

#63FF84

#76FF93

#8AFFA3

#9DFFB2

#B1FFC1

#C4FFD1

#D8FFE0

#EBFFEF

#FFFFFF

Shades (Adding Black)

#50FF75

#47E268

#3EC65B

#35AA4E

#2C8D41

#237134

#1A5527

#11381A

#081C0D

#000000

WCAG Contrast Accessibility

1.32:1

Text on #FFFFFF

FAIL

15.90:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.52:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F