#217983

#217983

Color Values

HEX

#217983

RGB

33, 121, 131

HSL

186.1, 59.8%, 32.2%

HSV

186.1, 74.8%, 51.4%

CMYK

74.8%, 7.6%, 0.0%, 48.6%

OKLCH

0.5304 0.0809 206.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#217983

#832B21

Analogous

#21835C

#214883

#217983

Triadic

#217983

#832179

#798321

Split Complementary

#217983

#832148

#835C21

Tetradic

#217983

#5C2183

#832B21

#488321

Color Blindness Simulation

Original

#217983

Protanopia

#474881

Deuteranopia

#423B80

Tritanopia

#257F7E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDFE6
400
#68CED9
500
#33BCCC
600
#2997A3
700
#217882
800
#1A5E66
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026