#2163AB

#2163AB

Color Values

HEX

#2163AB

RGB

33, 99, 171

HSL

211.3, 67.6%, 40.0%

HSV

211.3, 80.7%, 67.1%

CMYK

80.7%, 42.1%, 0.0%, 32.9%

OKLCH

0.497 0.1322 253.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2163AB

#AB6921

Analogous

#21A8AB

#2421AB

#2163AB

Triadic

#2163AB

#AB2163

#63AB21

Split Complementary

#2163AB

#AB2421

#A8AB21

Tetradic

#2163AB

#AB21A8

#AB6921

#21AB24

Color Blindness Simulation

Original

#2163AB

Protanopia

#3E3E9A

Deuteranopia

#3A3595

Tritanopia

#248C89

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF3
300
#98C0EB
400
#619EE0
500
#297CD6
600
#2163AB
700
#1A4F89
800
#153E6B
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

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