#03FC50

#03FC50

Color Values

HEX

#03FC50

RGB

3, 252, 80

HSL

138.6, 97.6%, 50.0%

HSV

138.6, 98.8%, 98.8%

CMYK

98.8%, 0.0%, 68.3%, 1.2%

OKLCH

0.8621 0.2662 145.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#03FC50

#FC03AF

Analogous

#32FC03

#03FCCD

#03FC50

Triadic

#03FC50

#5003FC

#FC5003

Split Complementary

#03FC50

#CD03FC

#FC0332

Tetradic

#03FC50

#0332FC

#FC03AF

#FCCD03

Color Blindness Simulation

Original

#03FC50

Protanopia

#6F717A

Deuteranopia

#604E84

Tritanopia

#0F9BA2

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DEFCE8
200
#B8FECE
300
#86FEAB
400
#45FD7E
500
#03FC50
600
#02CA40
700
#02A133
800
#027E28
900
#065B20
950
#043914

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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