#2056DF

#2056DF

Color Values

HEX

#2056DF

RGB

32, 86, 223

HSL

223.0, 74.9%, 50.0%

HSV

223.0, 85.7%, 87.5%

CMYK

85.7%, 61.4%, 0.0%, 12.5%

OKLCH

0.51 0.2162 263.8

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2056DF

#DFA920

Analogous

#20B6DF

#4920DF

#2056DF

Triadic

#2056DF

#DF2056

#56DF20

Split Complementary

#2056DF

#DF4920

#B6DF20

Tetradic

#2056DF

#DF20B6

#DFA920

#20DF49

Color Blindness Simulation

Original

#2056DF

Protanopia

#3738BE

Deuteranopia

#3430B6

Tritanopia

#23A49E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E8F9
200
#C1D0F6
300
#94AEF0
400
#5A82E7
500
#2056DF
600
#1A45B2
700
#14378F
800
#102B6F
900
#102251
950
#0A1633

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026