#01A396

#01A396

Color Values

HEX

#01A396

RGB

1, 163, 150

HSL

175.2, 98.8%, 32.2%

HSV

175.2, 99.4%, 63.9%

CMYK

99.4%, 0.0%, 8.0%, 36.1%

OKLCH

0.6433 0.1133 184.9

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#01A396

#A3010E

Analogous

#01A345

#015FA3

#01A396

Triadic

#01A396

#9601A3

#A39601

Split Complementary

#01A396

#A3015F

#A34501

Tetradic

#01A396

#4501A3

#A3010E

#5FA301

Color Blindness Simulation

Original

#01A396

Protanopia

#474999

Deuteranopia

#3E329A

Tritanopia

#099C9C

Achromatopsia

#808080

CSS Usage

background-color: #01A396;
color: #01A396;
border-color: #01A396;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FFF9
300
#85FEF5
400
#43FEEF
500
#02FDE9
600
#01CBBB
700
#01A295
800
#017F75
900
#055C55
950
#033A35

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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