#03C970

#03C970

Color Values

HEX

#03C970

RGB

3, 201, 112

HSL

153.0, 97.1%, 40.0%

HSV

153.0, 98.5%, 78.8%

CMYK

98.5%, 0.0%, 44.3%, 21.2%

OKLCH

0.7337 0.1848 153.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#03C970

#C9035C

Analogous

#03C90D

#03BFC9

#03C970

Triadic

#03C970

#7003C9

#C97003

Split Complementary

#03C970

#C903BF

#C90D03

Tetradic

#03C970

#0D03C9

#C9035C

#BFC903

Color Blindness Simulation

Original

#03C970

Protanopia

#595A86

Deuteranopia

#4D3E8B

Tritanopia

#0D979A

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEF
200
#B9FEDF
300
#86FDC8
400
#45FCAA
500
#04FB8C
600
#03C970
700
#02A15A
800
#027E46
900
#065B35
950
#043921

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026