#01A368

#01A368

Color Values

HEX

#01A368

RGB

1, 163, 104

HSL

158.1, 98.8%, 32.2%

HSV

158.1, 99.4%, 63.9%

CMYK

99.4%, 0.0%, 36.2%, 36.1%

OKLCH

0.6307 0.1452 158.9

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#01A368

#A3013C

Analogous

#01A317

#018DA3

#01A368

Triadic

#01A368

#6801A3

#A36801

Split Complementary

#01A368

#A3018D

#A31701

Tetradic

#01A368

#1701A3

#A3013C

#8DA301

Color Blindness Simulation

Original

#01A368

Protanopia

#474976

Deuteranopia

#3E327A

Tritanopia

#098284

Achromatopsia

#7C7C7C

CSS Usage

background-color: #01A368;
color: #01A368;
border-color: #01A368;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FEF9
100
#DEFCF1
200
#B8FFE5
300
#85FED2
400
#43FEBA
500
#02FDA2
600
#01CB81
700
#01A267
800
#017F51
900
#055C3C
950
#033A26

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026