#5FF250

#5FF250

Color Values

HEX

#5FF250

RGB

95, 242, 80

HSL

114.4, 86.2%, 63.1%

HSV

114.4, 66.9%, 94.9%

CMYK

60.7%, 0.0%, 66.9%, 5.1%

OKLCH

0.8502 0.2373 141.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#5FF250

#E350F2

Analogous

#B0F250

#50F292

#5FF250

Triadic

#5FF250

#505FF2

#F2505F

Split Complementary

#5FF250

#9250F2

#F250B0

Tetradic

#5FF250

#50B0F2

#E350F2

#F29250

Color Blindness Simulation

Original

#5FF250

Protanopia

#9FA077

Deuteranopia

#968B81

Tritanopia

#66969D

Achromatopsia

#C7C7C7

CSS Usage

background-color: #5FF250;
color: #5FF250;
border-color: #5FF250;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F3FDF2
100
#E3FAE0
200
#C2FABD
300
#97F78D
400
#5FF24F
500
#26ED12
600
#1EBE0E
700
#18980B
800
#137709
900
#12560B
950
#0B3607

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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