#216495

#216495

Color Values

HEX

#216495

RGB

33, 100, 149

HSL

205.3, 63.7%, 35.7%

HSV

205.3, 77.9%, 58.4%

CMYK

77.9%, 32.9%, 0.0%, 41.6%

OKLCH

0.4857 0.1028 244.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#216495

#955221

Analogous

#21958C

#212A95

#216495

Triadic

#216495

#952164

#649521

Split Complementary

#216495

#95212A

#958C21

Tetradic

#216495

#8C2195

#955221

#2A9521

Color Blindness Simulation

Original

#216495

Protanopia

#3E3F89

Deuteranopia

#3A3586

Tritanopia

#24807E

Achromatopsia

#595959

CSS Usage

background-color: #216495;
color: #216495;
border-color: #216495;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FB
100
#E3EFF7
200
#C5DFF2
300
#9BC8E9
400
#65AADD
500
#2E8CD1
600
#2570A7
700
#1E5A86
800
#174668
900
#15354C
950
#0D2130

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026