#54FE01

#54FE01

Color Values

HEX

#54FE01

RGB

84, 254, 1

HSL

100.3, 99.2%, 50.0%

HSV

100.3, 99.6%, 99.6%

CMYK

66.9%, 0.0%, 99.6%, 0.4%

OKLCH

0.8741 0.2802 139.8

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#54FE01

#AB01FE

Analogous

#D3FE01

#01FE2C

#54FE01

Triadic

#54FE01

#0154FE

#FE0154

Split Complementary

#54FE01

#2C01FE

#FE01D3

Tetradic

#54FE01

#01D3FE

#AB01FE

#FE2C01

Color Blindness Simulation

Original

#54FE01

Protanopia

#9E9F3E

Deuteranopia

#94874D

Tritanopia

#5C6F79

Achromatopsia

#C8C8C8

CSS Usage

background-color: #54FE01;
color: #54FE01;
border-color: #54FE01;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FEF1
100
#E8FCDE
200
#CFFFB8
300
#ADFF85
400
#81FE43
500
#54FE01
600
#43CB01
700
#36A301
800
#2A7F01
900
#225C05
950
#153A03

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