#50F447

#50F447

Color Values

HEX

#50F447

RGB

80, 244, 71

HSL

116.9, 88.7%, 61.8%

HSV

116.9, 70.9%, 95.7%

CMYK

67.2%, 0.0%, 70.9%, 4.3%

OKLCH

0.8504 0.2503 142.3

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#50F447

#EB47F4

Analogous

#A7F447

#47F495

#50F447

Triadic

#50F447

#4750F4

#F44750

Split Complementary

#50F447

#9547F4

#F447A7

Tetradic

#50F447

#47A7F4

#EB47F4

#F49547

Color Blindness Simulation

Original

#50F447

Protanopia

#979871

Deuteranopia

#8E817B

Tritanopia

#589299

Achromatopsia

#C5C5C5

CSS Usage

background-color: #50F447;
color: #50F447;
border-color: #50F447;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF2
100
#E1FBE0
200
#BFFBBC
300
#91F88C
400
#56F44D
500
#1AF10E
600
#15C00C
700
#119A09
800
#0D7807
900
#0E570A
950
#093706

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026