#18FD02

#18FD02

Color Values

HEX

#18FD02

RGB

24, 253, 2

HSL

114.7, 98.4%, 50.0%

HSV

114.7, 99.2%, 99.2%

CMYK

90.5%, 0.0%, 99.2%, 0.8%

OKLCH

0.8624 0.2914 142.2

Properties

Cool Light Nearest: lime

Color Harmonies

Complementary

#18FD02

#E702FD

Analogous

#96FD02

#02FD69

#18FD02

Triadic

#18FD02

#0218FD

#FD0218

Split Complementary

#18FD02

#6902FD

#FD0296

Tetradic

#18FD02

#0296FD

#E702FD

#FD6902

Color Blindness Simulation

Original

#18FD02

Protanopia

#7B7D3F

Deuteranopia

#6E5D4D

Tritanopia

#236F79

Achromatopsia

#BABABA

CSS Usage

background-color: #18FD02;
color: #18FD02;
border-color: #18FD02;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FEF1
100
#E1FCDE
200
#BEFEB8
300
#90FE86
400
#54FD44
500
#18FD02
600
#13CA02
700
#0FA201
800
#0C7E01
900
#0D5B06
950
#083A04

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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