#01A272

#01A272

Color Values

HEX

#01A272

RGB

1, 162, 114

HSL

162.1, 98.8%, 32.0%

HSV

162.1, 99.4%, 63.5%

CMYK

99.4%, 0.0%, 29.6%, 36.5%

OKLCH

0.6303 0.1351 163.5

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#01A272

#A20131

Analogous

#01A221

#0182A2

#01A272

Triadic

#01A272

#7201A2

#A27201

Split Complementary

#01A272

#A20182

#A22101

Tetradic

#01A272

#2101A2

#A20131

#82A201

Color Blindness Simulation

Original

#01A272

Protanopia

#47487E

Deuteranopia

#3D3180

Tritanopia

#098789

Achromatopsia

#7C7C7C

CSS Usage

background-color: #01A272;
color: #01A272;
border-color: #01A272;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEFA
100
#DEFCF3
200
#B8FFEA
300
#85FEDA
400
#43FEC6
500
#02FDB2
600
#01CB8F
700
#01A272
800
#017F59
900
#055C42
950
#033A2A

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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