#2054DF

#2054DF

Color Values

HEX

#2054DF

RGB

32, 84, 223

HSL

223.7, 74.9%, 50.0%

HSV

223.7, 85.7%, 87.5%

CMYK

85.7%, 62.3%, 0.0%, 12.5%

OKLCH

0.5063 0.2185 264.2

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2054DF

#DFAB20

Analogous

#20B3DF

#4C20DF

#2054DF

Triadic

#2054DF

#DF2054

#54DF20

Split Complementary

#2054DF

#DF4C20

#B3DF20

Tetradic

#2054DF

#DF20B3

#DFAB20

#20DF4C

Color Blindness Simulation

Original

#2054DF

Protanopia

#3737BD

Deuteranopia

#3430B5

Tritanopia

#23A39D

Achromatopsia

#535353

CSS Usage

background-color: #2054DF;
color: #2054DF;
border-color: #2054DF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F5FC
100
#E2E8F9
200
#C1CFF6
300
#94ADF0
400
#5A80E7
500
#2054DF
600
#1A43B2
700
#14368F
800
#102A6F
900
#102251
950
#0A1533

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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