#50EC53

#50EC53

Color Values

HEX

#50EC53

RGB

80, 236, 83

HSL

121.2, 80.4%, 62.0%

HSV

121.2, 66.1%, 92.5%

CMYK

66.1%, 0.0%, 64.8%, 7.5%

OKLCH

0.8312 0.2338 143.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#50EC53

#EC50E9

Analogous

#9BEC50

#50ECA1

#50EC53

Triadic

#50EC53

#5350EC

#EC5350

Split Complementary

#50EC53

#A150EC

#EC509B

Tetradic

#50EC53

#509BEC

#EC50E9

#ECA150

Color Blindness Simulation

Original

#50EC53

Protanopia

#949578

Deuteranopia

#8A7F81

Tritanopia

#58959C

Achromatopsia

#C0C0C0

CSS Usage

background-color: #50EC53;
color: #50EC53;
border-color: #50EC53;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF2
100
#E1F9E1
200
#BFF8C0
300
#91F393
400
#55ED58
500
#19E61D
600
#14B817
700
#109313
800
#0C730F
900
#0D540F
950
#083509

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026