#01A331

#01A331

Color Values

HEX

#01A331

RGB

1, 163, 49

HSL

137.8, 98.8%, 32.2%

HSV

137.8, 99.4%, 63.9%

CMYK

99.4%, 0.0%, 69.9%, 36.1%

OKLCH

0.6224 0.1919 145.6

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#01A331

#A30173

Analogous

#22A301

#01A382

#01A331

Triadic

#01A331

#3101A3

#A33101

Split Complementary

#01A331

#8201A3

#A30122

Tetradic

#01A331

#0122A3

#A30173

#A38201

Color Blindness Simulation

Original

#01A331

Protanopia

#47494D

Deuteranopia

#3E3253

Tritanopia

#096267

Achromatopsia

#787878

CSS Usage

background-color: #01A331;
color: #01A331;
border-color: #01A331;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF5
100
#DEFCE7
200
#B8FFCD
300
#85FEA9
400
#43FE7B
500
#02FD4C
600
#01CB3D
700
#01A231
800
#017F26
900
#055C1F
950
#033A14

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026