#5FE278

#5FE278

Color Values

HEX

#5FE278

RGB

95, 226, 120

HSL

131.5, 69.3%, 62.9%

HSV

131.5, 58.0%, 88.6%

CMYK

58.0%, 0.0%, 46.9%, 11.4%

OKLCH

0.8151 0.1861 147.4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5FE278

#E25FC9

Analogous

#87E25F

#5FE2BA

#5FE278

Triadic

#5FE278

#785FE2

#E2785F

Split Complementary

#5FE278

#BA5FE2

#E25F87

Tetradic

#5FE278

#5F87E2

#E25FC9

#E2BA5F

Color Blindness Simulation

Original

#5FE278

Protanopia

#989992

Deuteranopia

#908698

Tritanopia

#66A6AA

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F8E7
200
#C3F4CC
300
#97ECA8
400
#5FE278
500
#27D849
600
#1FAD3A
700
#198A2F
800
#146C25
900
#124F1E
950
#0C3213

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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