HEX Color #50F883 (Springgreen)

About #50F883

The precise color #50F883 is an excellent choice for modern design projects. Its closest recognized web color is Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 248, and 131.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 68% C, 0% M, 47% Y, and 3% K. 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#50F883

RGB80, 248, 131

HSL138.2°, 92.3%, 64.3%

CMYK68%, 0%, 47%, 3%

HSV138.2°, 67.7%, 97.3%

LAB87.2, -67.3, 43.8

XYZ41.0, 70.5, 32.9

Decimal5306499

Color Harmonies

Complementary

#50F883 #F84FC5

Analogous

#70F84F #4FF8D7

Triadic

#824FF8 #F8824F

Tetradic

#4F70F8 #F84FC5 #F8D64F

Tints, Shades & Tones

Tints (Adding White)

#50F883

#63F890

#76F99E

#8AFAAC

#9DFBBA

#B1FBC7

#C4FCD5

#D8FDE3

#EBFEF1

#FFFFFF

Shades (Adding Black)

#50F883

#47DC74

#3EC065

#35A557

#2C8948

#236E3A

#1A522B

#11371D

#081B0E

#000000

WCAG Contrast Accessibility

1.39:1

Text on #FFFFFF

FAIL

15.10:1

Text on #000000

AAA

1.33:1

Text on #F8FAFC

FAIL

12.83:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F