#5FFA71

#5FFA71

Color Values

HEX

#5FFA71

RGB

95, 250, 113

HSL

127.0, 93.9%, 67.6%

HSV

127.0, 62.0%, 98.0%

CMYK

62.0%, 0.0%, 54.8%, 2.0%

OKLCH

0.8736 0.2225 145.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5FFA71

#FA5FE8

Analogous

#9AFA5F

#5FFABE

#5FFA71

Triadic

#5FFA71

#715FFA

#FA715F

Split Complementary

#5FFA71

#BE5FFA

#FA5F9A

Tetradic

#5FFA71

#5F9AFA

#FA5FE8

#FABE5F

Color Blindness Simulation

Original

#5FFA71

Protanopia

#A2A392

Deuteranopia

#998E9A

Tritanopia

#67ACB2

Achromatopsia

#CFCFCF

CSS Usage

background-color: #5FFA71;
color: #5FFA71;
border-color: #5FFA71;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFDC2
300
#88FB96
400
#48F95D
500
#08F724
600
#06C61D
700
#059E17
800
#047C12
900
#085911
950
#05380B

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.4: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