#216C83

#216C83

Color Values

HEX

#216C83

RGB

33, 108, 131

HSL

194.1, 59.8%, 32.2%

HSV

194.1, 74.8%, 51.4%

CMYK

74.8%, 17.6%, 0.0%, 48.6%

OKLCH

0.4965 0.0797 222.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#216C83

#833821

Analogous

#218369

#213B83

#216C83

Triadic

#216C83

#83216C

#6C8321

Split Complementary

#216C83

#83213B

#836921

Tetradic

#216C83

#692183

#833821

#3B8321

Color Blindness Simulation

Original

#216C83

Protanopia

#41427D

Deuteranopia

#3D387C

Tritanopia

#257978

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C6E7F1
300
#9DD5E6
400
#68BFD9
500
#33A8CC
600
#2986A3
700
#216B82
800
#1A5466
900
#163E4B
950
#0E272F

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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