#04ABAA

#04ABAA

Color Values

HEX

#04ABAA

RGB

4, 171, 170

HSL

179.6, 95.4%, 34.3%

HSV

179.6, 97.7%, 67.1%

CMYK

97.7%, 0.0%, 0.6%, 32.9%

OKLCH

0.671 0.1142 194.0

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#04ABAA

#AB0405

Analogous

#04AB56

#0459AB

#04ABAA

Triadic

#04ABAA

#AA04AB

#ABAA04

Split Complementary

#04ABAA

#AB0459

#AB5604

Tetradic

#04ABAA

#5604AB

#AB0405

#59AB04

Color Blindness Simulation

Original

#04ABAA

Protanopia

#4C4EAA

Deuteranopia

#4336AA

Tritanopia

#0CAAAA

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#B9FDFD
300
#87FCFB
400
#47FBF9
500
#06F9F8
600
#05C7C6
700
#049F9E
800
#037D7C
900
#075A59
950
#043939

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

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