#208AAC

#208AAC

Color Values

HEX

#208AAC

RGB

32, 138, 172

HSL

194.6, 68.6%, 40.0%

HSV

194.6, 81.4%, 67.5%

CMYK

81.4%, 19.8%, 0.0%, 32.5%

OKLCH

0.5916 0.1036 225.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#208AAC

#AC4220

Analogous

#20AC88

#2044AC

#208AAC

Triadic

#208AAC

#AC208A

#8AAC20

Split Complementary

#208AAC

#AC2044

#AC8820

Tetradic

#208AAC

#8820AC

#AC4220

#44AC20

Color Blindness Simulation

Original

#208AAC

Protanopia

#4E4FA4

Deuteranopia

#4840A2

Tritanopia

#259D9C

Achromatopsia

#767676

CSS Usage

background-color: #208AAC;
color: #208AAC;
border-color: #208AAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C3E8F4
300
#98D7EC
400
#60C2E1
500
#28ACD7
600
#208AAC
700
#1A6E8A
800
#14566B
900
#13404E
950
#0C2831

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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