#209BA3

#209BA3

Color Values

HEX

#209BA3

RGB

32, 155, 163

HSL

183.7, 67.2%, 38.2%

HSV

183.7, 80.4%, 63.9%

CMYK

80.4%, 4.9%, 0.0%, 36.1%

OKLCH

0.6305 0.1006 201.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#209BA3

#A32820

Analogous

#20A369

#2059A3

#209BA3

Triadic

#209BA3

#A3209B

#9BA320

Split Complementary

#209BA3

#A32059

#A36920

Tetradic

#209BA3

#6920A3

#A32820

#59A320

Color Blindness Simulation

Original

#209BA3

Protanopia

#5556A1

Deuteranopia

#4E45A1

Tritanopia

#26A09F

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F0F3
300
#99E6EB
400
#61D8E0
500
#2ACBD5
600
#21A2AB
700
#1B8288
800
#15656B
900
#134A4E
950
#0C2F31

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.28: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