#4AFD02

#4AFD02

Color Values

HEX

#4AFD02

RGB

74, 253, 2

HSL

102.8, 98.4%, 50.0%

HSV

102.8, 99.2%, 99.2%

CMYK

70.8%, 0.0%, 99.2%, 0.8%

OKLCH

0.8693 0.2821 140.4

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#4AFD02

#B502FD

Analogous

#C7FD02

#02FD38

#4AFD02

Triadic

#4AFD02

#024AFD

#FD024A

Split Complementary

#4AFD02

#3802FD

#FD02C7

Tetradic

#4AFD02

#02C7FD

#B502FD

#FD3802

Color Blindness Simulation

Original

#4AFD02

Protanopia

#98993F

Deuteranopia

#8D804D

Tritanopia

#536F79

Achromatopsia

#C5C5C5

CSS Usage

background-color: #4AFD02;
color: #4AFD02;
border-color: #4AFD02;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FEF1
100
#E7FCDE
200
#CCFEB8
300
#A8FE86
400
#79FD44
500
#4AFD02
600
#3BCA02
700
#2FA201
800
#257E01
900
#1E5B06
950
#133A04

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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