#209496

#209496

Color Values

HEX

#209496

RGB

32, 148, 150

HSL

181.0, 64.8%, 35.7%

HSV

181.0, 78.7%, 58.8%

CMYK

78.7%, 1.3%, 0.0%, 41.2%

OKLCH

0.6077 0.0964 196.7

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#209496

#962220

Analogous

#20965D

#205996

#209496

Triadic

#209496

#962094

#949620

Split Complementary

#209496

#962059

#965D20

Tetradic

#209496

#5D2096

#962220

#599620

Color Blindness Simulation

Original

#209496

Protanopia

#525396

Deuteranopia

#4C4395

Tritanopia

#269595

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C4F2F2
300
#9AE8E9
400
#64DCDE
500
#2DCFD2
600
#24A6A8
700
#1D8586
800
#166869
900
#144C4D
950
#0D3030

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026