#00ABAA

#00ABAA

Color Values

HEX

#00ABAA

RGB

0, 171, 170

HSL

179.6, 100.0%, 33.5%

HSV

179.6, 100.0%, 67.1%

CMYK

100.0%, 0.0%, 0.6%, 32.9%

OKLCH

0.6707 0.1146 194.0

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#00ABAA

#AB0001

Analogous

#00AB54

#0057AB

#00ABAA

Triadic

#00ABAA

#AA00AB

#ABAA00

Split Complementary

#00ABAA

#AB0057

#AB5400

Tetradic

#00ABAA

#5400AB

#AB0001

#57AB00

Color Blindness Simulation

Original

#00ABAA

Protanopia

#4A4CAA

Deuteranopia

#4033AA

Tritanopia

#09AAAA

Achromatopsia

#878787

CSS Usage

background-color: #00ABAA;
color: #00ABAA;
border-color: #00ABAA;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FFFF
300
#85FFFE
400
#42FFFE
500
#00FFFD
600
#00CCCB
700
#00A3A2
800
#00807F
900
#055C5B
950
#033A3A

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

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