#2148AB

#2148AB

Color Values

HEX

#2148AB

RGB

33, 72, 171

HSL

223.0, 67.6%, 40.0%

HSV

223.0, 80.7%, 67.1%

CMYK

80.7%, 57.9%, 0.0%, 32.9%

OKLCH

0.4377 0.165 264.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2148AB

#AB8421

Analogous

#218DAB

#3F21AB

#2148AB

Triadic

#2148AB

#AB2148

#48AB21

Split Complementary

#2148AB

#AB3F21

#8DAB21

Tetradic

#2148AB

#AB218D

#AB8421

#21AB3F

Color Blindness Simulation

Original

#2148AB

Protanopia

#323293

Deuteranopia

#302D8D

Tritanopia

#23807C

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E9F7
200
#C3D1F3
300
#98B0EB
400
#6185E0
500
#295AD6
600
#2148AB
700
#1A3A89
800
#152D6B
900
#13244E
950
#0C1731

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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