#217682

#217682

Color Values

HEX

#217682

RGB

33, 118, 130

HSL

187.4, 59.5%, 32.0%

HSV

187.4, 74.6%, 51.0%

CMYK

74.6%, 9.2%, 0.0%, 49.0%

OKLCH

0.5221 0.0796 208.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#217682

#822D21

Analogous

#21825E

#214682

#217682

Triadic

#217682

#822176

#768221

Split Complementary

#217682

#822146

#825E21

Tetradic

#217682

#5E2182

#822D21

#468221

Color Blindness Simulation

Original

#217682

Protanopia

#46477F

Deuteranopia

#413A7E

Tritanopia

#257D7C

Achromatopsia

#656565

CSS Usage

background-color: #217682;
color: #217682;
border-color: #217682;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6EBF1
300
#9DDDE6
400
#69CBD9
500
#34B9CB
600
#2994A3
700
#217682
800
#1A5C66
900
#17444A
950
#0E2B2F

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026