#01A162

#01A162

Color Values

HEX

#01A162

RGB

1, 161, 98

HSL

156.4, 98.8%, 31.8%

HSV

156.4, 99.4%, 63.1%

CMYK

99.4%, 0.0%, 39.1%, 36.9%

OKLCH

0.6241 0.1481 157.1

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#01A162

#A10140

Analogous

#01A112

#0190A1

#01A162

Triadic

#01A162

#6201A1

#A16201

Split Complementary

#01A162

#A10190

#A11201

Tetradic

#01A162

#1201A1

#A10140

#90A101

Color Blindness Simulation

Original

#01A162

Protanopia

#464871

Deuteranopia

#3D3175

Tritanopia

#097D80

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B8FFE3
300
#85FECF
400
#43FEB5
500
#02FD9A
600
#01CB7B
700
#01A263
800
#017F4D
900
#055C3A
950
#033A24

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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