#03FC63

#03FC63

Color Values

HEX

#03FC63

RGB

3, 252, 99

HSL

143.1, 97.6%, 50.0%

HSV

143.1, 98.8%, 98.8%

CMYK

98.8%, 0.0%, 60.7%, 1.2%

OKLCH

0.8639 0.2535 147.4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#03FC63

#FC039C

Analogous

#20FC03

#03FCDF

#03FC63

Triadic

#03FC63

#6303FC

#FC6303

Split Complementary

#03FC63

#DF03FC

#FC0320

Tetradic

#03FC63

#0320FC

#FC039C

#FCDF03

Color Blindness Simulation

Original

#03FC63

Protanopia

#6F7188

Deuteranopia

#604E91

Tritanopia

#0FA5AC

Achromatopsia

#BCBCBC

CSS Usage

background-color: #03FC63;
color: #03FC63;
border-color: #03FC63;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FEF6
100
#DEFCEA
200
#B8FED3
300
#86FEB4
400
#45FD8B
500
#03FC63
600
#02CA4F
700
#02A13F
800
#027E31
900
#065B27
950
#043918

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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