#09ACAA

#09ACAA

Color Values

HEX

#09ACAA

RGB

9, 172, 170

HSL

179.3, 90.1%, 35.5%

HSV

179.3, 94.8%, 67.5%

CMYK

94.8%, 0.0%, 1.2%, 32.5%

OKLCH

0.6738 0.1142 193.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#09ACAA

#AC090B

Analogous

#09AC59

#095CAC

#09ACAA

Triadic

#09ACAA

#AA09AC

#ACAA09

Split Complementary

#09ACAA

#AC095C

#AC5909

Tetradic

#09ACAA

#5909AC

#AC090B

#5CAC09

Color Blindness Simulation

Original

#09ACAA

Protanopia

#5051AA

Deuteranopia

#463AAB

Tritanopia

#11ABAB

Achromatopsia

#898989

CSS Usage

background-color: #09ACAA;
color: #09ACAA;
border-color: #09ACAA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFBFB
300
#8BF9F8
400
#4CF6F4
500
#0DF2F0
600
#0AC2C0
700
#089B99
800
#067978
900
#095857
950
#063737

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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