#5FE36F

#5FE36F

Color Values

HEX

#5FE36F

RGB

95, 227, 111

HSL

127.3, 70.2%, 63.1%

HSV

127.3, 58.1%, 89.0%

CMYK

58.1%, 0.0%, 51.1%, 11.0%

OKLCH

0.8163 0.1954 145.7

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5FE36F

#E35FD3

Analogous

#91E35F

#5FE3B1

#5FE36F

Triadic

#5FE36F

#6F5FE3

#E36F5F

Split Complementary

#5FE36F

#B15FE3

#E35F91

Tetradic

#5FE36F

#5F91E3

#E35FD3

#E3B15F

Color Blindness Simulation

Original

#5FE36F

Protanopia

#98998B

Deuteranopia

#908792

Tritanopia

#66A1A6

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F4C8
300
#97EDA1
400
#5EE36F
500
#26D93C
600
#1EAE30
700
#188B26
800
#136D1E
900
#124F19
950
#0B3210

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026