#209096

#209096

Color Values

HEX

#209096

RGB

32, 144, 150

HSL

183.1, 64.8%, 35.7%

HSV

183.1, 78.7%, 58.8%

CMYK

78.7%, 4.0%, 0.0%, 41.2%

OKLCH

0.5974 0.0942 200.5

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#209096

#962620

Analogous

#209661

#205596

#209096

Triadic

#209096

#962090

#909620

Split Complementary

#209096

#962055

#966120

Tetradic

#209096

#612096

#962620

#559620

Color Blindness Simulation

Original

#209096

Protanopia

#515195

Deuteranopia

#4A4294

Tritanopia

#269393

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F0F2
300
#9AE5E9
400
#64D7DE
500
#2DCAD2
600
#24A1A8
700
#1D8186
800
#166569
900
#144A4D
950
#0D2F30

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026