#2067DF

#2067DF

Color Values

HEX

#2067DF

RGB

32, 103, 223

HSL

217,7, 74,9%, 50,0%

HSV

217,7, 85,7%, 87,5%

CMYK

85,7%, 53,8%, 0,0%, 12,5%

OKLCH

0,5432 0,1962 260,5

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2067DF

#DF9820

Analogous

#20C6DF

#3920DF

#2067DF

Triadic

#2067DF

#DF2067

#67DF20

Split Complementary

#2067DF

#DF3920

#C6DF20

Tetradic

#2067DF

#DF20C6

#DF9820

#20DF39

Color Blindness Simulation

Original

#2067DF

Protanopia

#3F3FC2

Deuteranopia

#3B35BB

Tritanopia

#24ABA6

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C1D4F6
300
#94B6F0
400
#5A8FE7
500
#2067DF
600
#1A52B2
700
#14428F
800
#10336F
900
#102851
950
#0A1933

Contrast Checker

Text on white

5,16:1

AA Pass AAA Fail

Text on black

4,07: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