#5FFC56

#5FFC56

Color Values

HEX

#5FFC56

RGB

95, 252, 86

HSL

116.7, 96.5%, 66.3%

HSV

116.7, 65.9%, 98.8%

CMYK

62.3%, 0.0%, 65.9%, 1.2%

OKLCH

0.8757 0.2448 142.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5FFC56

#F356FC

Analogous

#B2FC56

#56FCA0

#5FFC56

Triadic

#5FFC56

#565FFC

#FC565F

Split Complementary

#5FFC56

#A056FC

#FC56B2

Tetradic

#5FFC56

#56B2FC

#F356FC

#FCA056

Color Blindness Simulation

Original

#5FFC56

Protanopia

#A3A47E

Deuteranopia

#9A8E88

Tritanopia

#679EA5

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDF
200
#BDFEB9
300
#8DFD87
400
#50FC46
500
#12FB04
600
#0EC804
700
#0CA003
800
#097D02
900
#0B5B06
950
#073904

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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