#009AA3

#009AA3

Color Values

HEX

#009AA3

RGB

0, 154, 163

HSL

183.3, 100.0%, 32.0%

HSV

183.3, 100.0%, 63.9%

CMYK

100.0%, 5.5%, 0.0%, 36.1%

OKLCH

0.6247 0.1063 202.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#009AA3

#A30900

Analogous

#00A35B

#0049A3

#009AA3

Triadic

#009AA3

#A3009A

#9AA300

Split Complementary

#009AA3

#A30049

#A35B00

Tetradic

#009AA3

#5B00A3

#A30900

#49A300

Color Blindness Simulation

Original

#009AA3

Protanopia

#4344A1

Deuteranopia

#3A2EA0

Tritanopia

#089F9F

Achromatopsia

#7A7A7A

CSS Usage

background-color: #009AA3;
color: #009AA3;
border-color: #009AA3;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FBFF
300
#85F8FF
400
#42F5FF
500
#00F1FF
600
#00C1CC
700
#009AA3
800
#007880
900
#05575C
950
#03373A

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026