#217282

#217282

Color Values

HEX

#217282

RGB

33, 114, 130

HSL

189.9, 59.5%, 32.0%

HSV

189.9, 74.6%, 51.0%

CMYK

74.6%, 12.3%, 0.0%, 49.0%

OKLCH

0.5117 0.0789 213.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#217282

#823121

Analogous

#218262

#214282

#217282

Triadic

#217282

#822172

#728221

Split Complementary

#217282

#822142

#826221

Tetradic

#217282

#622182

#823121

#428221

Color Blindness Simulation

Original

#217282

Protanopia

#44457E

Deuteranopia

#3F397D

Tritanopia

#257B7A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6EAF1
300
#9DDAE6
400
#69C6D9
500
#34B2CB
600
#298FA3
700
#217282
800
#1A5966
900
#17424A
950
#0E2A2F

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026