#09AAA3

#09AAA3

Color Values

HEX

#09AAA3

RGB

9, 170, 163

HSL

177.4, 89.9%, 35.1%

HSV

177.4, 94.7%, 66.7%

CMYK

94.7%, 0.0%, 4.1%, 33.3%

OKLCH

0.6663 0.1141 189.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#09AAA3

#AA0910

Analogous

#09AA53

#0960AA

#09AAA3

Triadic

#09AAA3

#A309AA

#AAA309

Split Complementary

#09AAA3

#AA0960

#AA5309

Tetradic

#09AAA3

#5309AA

#AA0910

#60AA09

Color Blindness Simulation

Original

#09AAA3

Protanopia

#4F50A5

Deuteranopia

#4539A5

Tritanopia

#11A6A6

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BBFBF9
300
#8BF9F4
400
#4CF5EE
500
#0DF2E8
600
#0AC2BA
700
#089B95
800
#067974
900
#095854
950
#063735

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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