#03AD58

#03AD58

Color Values

HEX

#03AD58

RGB

3, 173, 88

HSL

150.0, 96.6%, 34.5%

HSV

150.0, 98.3%, 67.8%

CMYK

98.3%, 0.0%, 49.1%, 32.2%

OKLCH

0.6549 0.1721 151.9

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#03AD58

#AD0358

Analogous

#03AD03

#03ADAD

#03AD58

Triadic

#03AD58

#5803AD

#AD5803

Split Complementary

#03AD58

#AD03AD

#AD0303

Tetradic

#03AD58

#0303AD

#AD0358

#ADAD03

Color Blindness Simulation

Original

#03AD58

Protanopia

#4D4E6D

Deuteranopia

#433672

Tritanopia

#0C7D80

Achromatopsia

#838383

CSS Usage

background-color: #03AD58;
color: #03AD58;
border-color: #03AD58;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B9FEDB
300
#87FDC2
400
#46FCA1
500
#04FB80
600
#03C966
700
#03A052
800
#027D40
900
#065B30
950
#04391F

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026