#009BA3

#009BA3

Color Values

HEX

#009BA3

RGB

0, 155, 163

HSL

182,9, 100,0%, 32,0%

HSV

182,9, 100,0%, 63,9%

CMYK

100,0%, 4,9%, 0,0%, 36,1%

OKLCH

0,6273 0,1067 201,3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#009BA3

#A30800

Analogous

#00A359

#004AA3

#009BA3

Triadic

#009BA3

#A3009B

#9BA300

Split Complementary

#009BA3

#A3004A

#A35900

Tetradic

#009BA3

#5900A3

#A30800

#4AA300

Color Blindness Simulation

Original

#009BA3

Protanopia

#4344A1

Deuteranopia

#3A2EA1

Tritanopia

#08A09F

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFBFC
200
#B8FCFF
300
#85F9FF
400
#42F6FF
500
#00F3FF
600
#00C2CC
700
#009BA3
800
#007980
900
#05585C
950
#03373A

Contrast Checker

Text on white

3,38:1

AA Fail AAA Fail

Text on black

6,22:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026