#03BE62

#03BE62

Color Values

HEX

#03BE62

RGB

3, 190, 98

HSL

150.5, 96.9%, 37.8%

HSV

150.5, 98.4%, 74.5%

CMYK

98.4%, 0.0%, 48.4%, 25.5%

OKLCH

0.7022 0.1839 152.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#03BE62

#BE035F

Analogous

#03BE05

#03BCBE

#03BE62

Triadic

#03BE62

#6203BE

#BE6203

Split Complementary

#03BE62

#BE03BC

#BE0503

Tetradic

#03BE62

#0503BE

#BE035F

#BCBE03

Color Blindness Simulation

Original

#03BE62

Protanopia

#545678

Deuteranopia

#493B7E

Tritanopia

#0C8A8E

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B9FEDC
300
#86FDC3
400
#45FCA2
500
#04FB82
600
#03C968
700
#03A153
800
#027E41
900
#065B31
950
#04391F

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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