#2145AB

#2145AB

Color Values

HEX

#2145AB

RGB

33, 69, 171

HSL

224,3, 67,6%, 40,0%

HSV

224,3, 80,7%, 67,1%

CMYK

80,7%, 59,6%, 0,0%, 32,9%

OKLCH

0,4316 0,1687 265,1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2145AB

#AB8721

Analogous

#218AAB

#4221AB

#2145AB

Triadic

#2145AB

#AB2145

#45AB21

Split Complementary

#2145AB

#AB4221

#8AAB21

Tetradic

#2145AB

#AB218A

#AB8721

#21AB42

Color Blindness Simulation

Original

#2145AB

Protanopia

#313192

Deuteranopia

#2E2C8C

Tritanopia

#237F7B

Achromatopsia

#454545

CSS Usage

background-color: #2145AB;
color: #2145AB;
border-color: #2145AB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C3D0F3
300
#98AEEB
400
#6182E0
500
#2956D6
600
#2145AB
700
#1A3789
800
#152B6B
900
#13224E
950
#0C1631

Contrast Checker

Text on white

8,39:1

AA Pass AAA Pass

Text on black

2,5: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