#3FFC03

#3FFC03

Color Values

HEX

#3FFC03

RGB

63, 252, 3

HSL

105.5, 97.6%, 50.0%

HSV

105.5, 98.8%, 98.8%

CMYK

75.0%, 0.0%, 98.8%, 1.2%

OKLCH

0.8646 0.2839 141.0

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#3FFC03

#C003FC

Analogous

#BCFC03

#03FC43

#3FFC03

Triadic

#3FFC03

#033FFC

#FC033F

Split Complementary

#3FFC03

#4303FC

#FC03BC

Tetradic

#3FFC03

#03BCFC

#C003FC

#FC4303

Color Blindness Simulation

Original

#3FFC03

Protanopia

#91923F

Deuteranopia

#86784E

Tritanopia

#486F79

Achromatopsia

#C2C2C2

CSS Usage

background-color: #3FFC03;
color: #3FFC03;
border-color: #3FFC03;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FEF1
100
#E5FCDE
200
#C9FEB8
300
#A3FE86
400
#71FD45
500
#3FFC03
600
#33CA02
700
#28A102
800
#207E02
900
#1A5B06
950
#113904

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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