#216B83

#216B83

Color Values

HEX

#216B83

RGB

33, 107, 131

HSL

194.7, 59.8%, 32.2%

HSV

194.7, 74.8%, 51.4%

CMYK

74.8%, 18.3%, 0.0%, 48.6%

OKLCH

0.4939 0.0799 223.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#216B83

#833921

Analogous

#21836A

#213A83

#216B83

Triadic

#216B83

#83216B

#6B8321

Split Complementary

#216B83

#83213A

#836A21

Tetradic

#216B83

#6A2183

#833921

#3A8321

Color Blindness Simulation

Original

#216B83

Protanopia

#41427D

Deuteranopia

#3D377C

Tritanopia

#257978

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C6E6F1
300
#9DD4E6
400
#68BDD9
500
#33A6CC
600
#2985A3
700
#216A82
800
#1A5366
900
#163E4B
950
#0E272F

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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