#2049DF

#2049DF

Color Values

HEX

#2049DF

RGB

32, 73, 223

HSL

227.1, 74.9%, 50.0%

HSV

227.1, 85.7%, 87.5%

CMYK

85.7%, 67.3%, 0.0%, 12.5%

OKLCH

0.487 0.2307 265.6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#2049DF

#DFB620

Analogous

#20A9DF

#5620DF

#2049DF

Triadic

#2049DF

#DF2049

#49DF20

Split Complementary

#2049DF

#DF5620

#A9DF20

Tetradic

#2049DF

#DF20A9

#DFB620

#20DF56

Color Blindness Simulation

Original

#2049DF

Protanopia

#3232BB

Deuteranopia

#2F2CB2

Tritanopia

#229E98

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C1CCF6
300
#94A8F0
400
#5A78E7
500
#2049DF
600
#1A3AB2
700
#142F8F
800
#10256F
900
#101E51
950
#0A1333

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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