#216183

#216183

Color Values

HEX

#216183

RGB

33, 97, 131

HSL

200.8, 59.8%, 32.2%

HSV

200.8, 74.8%, 51.4%

CMYK

74.8%, 26.0%, 0.0%, 48.6%

OKLCH

0.4682 0.0841 236.0

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#216183

#834321

Analogous

#218374

#213083

#216183

Triadic

#216183

#832161

#618321

Split Complementary

#216183

#832130

#837421

Tetradic

#216183

#742183

#834321

#308321

Color Blindness Simulation

Original

#216183

Protanopia

#3D3D7B

Deuteranopia

#393479

Tritanopia

#247473

Achromatopsia

#565656

CSS Usage

background-color: #216183;
color: #216183;
border-color: #216183;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F9FB
100
#E4F0F6
200
#C6E2F1
300
#9DCDE6
400
#68B2D9
500
#3397CC
600
#2979A3
700
#216182
800
#1A4B66
900
#16384B
950
#0E242F

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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