#09ADA6

#09ADA6

Color Values

HEX

#09ADA6

RGB

9, 173, 166

HSL

177.4, 90.1%, 35.7%

HSV

177.4, 94.8%, 67.8%

CMYK

94.8%, 0.0%, 4.0%, 32.2%

OKLCH

0.675 0.1156 189.7

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#09ADA6

#AD0910

Analogous

#09AD54

#0962AD

#09ADA6

Triadic

#09ADA6

#A609AD

#ADA609

Split Complementary

#09ADA6

#AD0962

#AD5409

Tetradic

#09ADA6

#5409AD

#AD0910

#62AD09

Color Blindness Simulation

Original

#09ADA6

Protanopia

#5051A8

Deuteranopia

#463AA8

Tritanopia

#11A9A9

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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