#2054AC

#2054AC

Color Values

HEX

#2054AC

RGB

32, 84, 172

HSL

217.7, 68.6%, 40.0%

HSV

217.7, 81.4%, 67.5%

CMYK

81.4%, 51.2%, 0.0%, 32.5%

OKLCH

0.4636 0.1517 260.3

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#2054AC

#AC7820

Analogous

#209AAC

#3220AC

#2054AC

Triadic

#2054AC

#AC2054

#54AC20

Split Complementary

#2054AC

#AC3220

#9AAC20

Tetradic

#2054AC

#AC209A

#AC7820

#20AC32

Color Blindness Simulation

Original

#2054AC

Protanopia

#373797

Deuteranopia

#343092

Tritanopia

#238682

Achromatopsia

#4F4F4F

CSS Usage

background-color: #2054AC;
color: #2054AC;
border-color: #2054AC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D5F4
300
#98B7EC
400
#6090E1
500
#2869D7
600
#2054AC
700
#1A438A
800
#14356B
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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