#209692

#209692

Color Values

HEX

#209692

RGB

32, 150, 146

HSL

178.0, 64.8%, 35.7%

HSV

178.0, 78.7%, 58.8%

CMYK

78.7%, 0.0%, 2.7%, 41.2%

OKLCH

0.6114 0.0981 191.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#209692

#962024

Analogous

#209657

#205F96

#209692

Triadic

#209692

#922096

#969220

Split Complementary

#209692

#96205F

#965720

Tetradic

#209692

#572096

#962024

#5F9620

Color Blindness Simulation

Original

#209692

Protanopia

#535493

Deuteranopia

#4C4393

Tritanopia

#269494

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F2F1
300
#9AE9E7
400
#64DEDA
500
#2DD2CD
600
#24A8A4
700
#1D8683
800
#166966
900
#144D4B
950
#0D302F

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

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