#217FAB

#217FAB

Color Values

HEX

#217FAB

RGB

33, 127, 171

HSL

199.1, 67.6%, 40.0%

HSV

199.1, 80.7%, 67.1%

CMYK

80.7%, 25.7%, 0.0%, 32.9%

OKLCH

0.5642 0.1073 234.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#217FAB

#AB4D21

Analogous

#21AB92

#213AAB

#217FAB

Triadic

#217FAB

#AB217F

#7FAB21

Split Complementary

#217FAB

#AB213A

#AB9221

Tetradic

#217FAB

#9221AB

#AB4D21

#3AAB21

Color Blindness Simulation

Original

#217FAB

Protanopia

#4A4BA0

Deuteranopia

#443D9E

Tritanopia

#269896

Achromatopsia

#6E6E6E

CSS Usage

background-color: #217FAB;
color: #217FAB;
border-color: #217FAB;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C3E4F3
300
#98D1EB
400
#61B8E0
500
#299FD6
600
#217FAB
700
#1A6689
800
#154F6B
900
#133B4E
950
#0C2531

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass 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