#216883

#216883

Color Values

HEX

#216883

RGB

33, 104, 131

HSL

196.5, 59.8%, 32.2%

HSV

196.5, 74.8%, 51.4%

CMYK

74.8%, 20.6%, 0.0%, 48.6%

OKLCH

0.4862 0.0807 227.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#216883

#833C21

Analogous

#21836D

#213783

#216883

Triadic

#216883

#832168

#688321

Split Complementary

#216883

#832137

#836D21

Tetradic

#216883

#6D2183

#833C21

#378321

Color Blindness Simulation

Original

#216883

Protanopia

#40407C

Deuteranopia

#3C367B

Tritanopia

#257776

Achromatopsia

#5B5B5B

CSS Usage

background-color: #216883;
color: #216883;
border-color: #216883;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3F9FB
100
#E4F1F6
200
#C6E5F1
300
#9DD2E6
400
#68BAD9
500
#33A2CC
600
#2981A3
700
#216882
800
#1A5166
900
#163C4B
950
#0E262F

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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