#03C462

#03C462

Color Values

HEX

#03C462

RGB

3, 196, 98

HSL

149.5, 97.0%, 39.0%

HSV

149.5, 98.5%, 76.9%

CMYK

98.5%, 0.0%, 50.0%, 23.1%

OKLCH

0.7182 0.1911 151.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#03C462

#C40365

Analogous

#05C403

#03C4C2

#03C462

Triadic

#03C462

#6203C4

#C46203

Split Complementary

#03C462

#C203C4

#C40305

Tetradic

#03C462

#0305C4

#C40365

#C4C203

Color Blindness Simulation

Original

#03C462

Protanopia

#57587A

Deuteranopia

#4B3D7F

Tritanopia

#0D8C91

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B9FEDB
300
#86FDC1
400
#45FC9F
500
#04FB7D
600
#03C964
700
#02A150
800
#027E3F
900
#065B30
950
#04391E

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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