#217882

#217882

Color Values

HEX

#217882

RGB

33, 120, 130

HSL

186.2, 59.5%, 32.0%

HSV

186.2, 74.6%, 51.0%

CMYK

74.6%, 7.7%, 0.0%, 49.0%

OKLCH

0.5274 0.0803 206.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#217882

#822B21

Analogous

#21825C

#214882

#217882

Triadic

#217882

#822178

#788221

Split Complementary

#217882

#822148

#825C21

Tetradic

#217882

#5C2182

#822B21

#488221

Color Blindness Simulation

Original

#217882

Protanopia

#474780

Deuteranopia

#423B7F

Tritanopia

#257E7D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDFE6
400
#69CDD9
500
#34BCCB
600
#2996A3
700
#217882
800
#1A5E66
900
#17454A
950
#0E2C2F

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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