#03D477

#03D477

Color Values

HEX

#03D477

RGB

3, 212, 119

HSL

153,3, 97,2%, 42,2%

HSV

153,3, 98,6%, 83,1%

CMYK

98,6%, 0,0%, 43,9%, 16,9%

OKLCH

0,7636 0,1919 154,1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#03D477

#D40360

Analogous

#03D40F

#03C9D4

#03D477

Triadic

#03D477

#7703D4

#D47703

Split Complementary

#03D477

#D403C9

#D40F03

Tetradic

#03D477

#0F03D4

#D40360

#C9D403

Color Blindness Simulation

Original

#03D477

Protanopia

#5E5F8D

Deuteranopia

#514293

Tritanopia

#0D9FA3

Achromatopsia

#A1A1A1

CSS Usage

background-color: #03D477;
color: #03D477;
border-color: #03D477;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B9FEDF
300
#86FDC8
400
#45FCAB
500
#04FB8D
600
#03C971
700
#02A15A
800
#027E47
900
#065B35
950
#043922

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026