#2061DF

#2061DF

Color Values

HEX

#2061DF

RGB

32, 97, 223

HSL

219.6, 74.9%, 50.0%

HSV

219.6, 85.7%, 87.5%

CMYK

85.7%, 56.5%, 0.0%, 12.5%

OKLCH

0.5311 0.2033 261.8

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2061DF

#DF9E20

Analogous

#20C0DF

#3F20DF

#2061DF

Triadic

#2061DF

#DF2061

#61DF20

Split Complementary

#2061DF

#DF3F20

#C0DF20

Tetradic

#2061DF

#DF20C0

#DF9E20

#20DF3F

Color Blindness Simulation

Original

#2061DF

Protanopia

#3C3DC1

Deuteranopia

#3834B9

Tritanopia

#23A8A3

Achromatopsia

#5C5C5C

CSS Usage

background-color: #2061DF;
color: #2061DF;
border-color: #2061DF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C1D3F6
300
#94B3F0
400
#5A8AE7
500
#2061DF
600
#1A4EB2
700
#143E8F
800
#10306F
900
#102651
950
#0A1833

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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