#2176AB

#2176AB

Color Values

HEX

#2176AB

RGB

33, 118, 171

HSL

203.0, 67.6%, 40.0%

HSV

203.0, 80.7%, 67.1%

CMYK

80.7%, 31.0%, 0.0%, 32.9%

OKLCH

0.5422 0.1136 241.6

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#2176AB

#AB5621

Analogous

#21AB9B

#2131AB

#2176AB

Triadic

#2176AB

#AB2176

#76AB21

Split Complementary

#2176AB

#AB2131

#AB9B21

Tetradic

#2176AB

#9B21AB

#AB5621

#31AB21

Color Blindness Simulation

Original

#2176AB

Protanopia

#46479E

Deuteranopia

#413A9B

Tritanopia

#259492

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F7
200
#C3E1F3
300
#98CBEB
400
#61B0E0
500
#2994D6
600
#2176AB
700
#1A5E89
800
#154A6B
900
#13374E
950
#0C2331

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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