#01A389

#01A389

Color Values

HEX

#01A389

RGB

1, 163, 137

HSL

170.4, 98.8%, 32.2%

HSV

170.4, 99.4%, 63.9%

CMYK

99.4%, 0.0%, 16.0%, 36.1%

OKLCH

0.6392 0.1194 175.9

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#01A389

#A3011B

Analogous

#01A338

#016CA3

#01A389

Triadic

#01A389

#8901A3

#A38901

Split Complementary

#01A389

#A3016C

#A33801

Tetradic

#01A389

#3801A3

#A3011B

#6CA301

Color Blindness Simulation

Original

#01A389

Protanopia

#47498F

Deuteranopia

#3E3291

Tritanopia

#099495

Achromatopsia

#7F7F7F

CSS Usage

background-color: #01A389;
color: #01A389;
border-color: #01A389;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FEFC
100
#DEFCF7
200
#B8FFF3
300
#85FEEB
400
#43FEE0
500
#02FDD5
600
#01CBAB
700
#01A288
800
#017F6B
900
#055C4E
950
#033A31

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

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