#2066DF

#2066DF

Color Values

HEX

#2066DF

RGB

32, 102, 223

HSL

218.0, 74.9%, 50.0%

HSV

218.0, 85.7%, 87.5%

CMYK

85.7%, 54.3%, 0.0%, 12.5%

OKLCH

0.5412 0.1974 260.8

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2066DF

#DF9920

Analogous

#20C6DF

#3920DF

#2066DF

Triadic

#2066DF

#DF2066

#66DF20

Split Complementary

#2066DF

#DF3920

#C6DF20

Tetradic

#2066DF

#DF20C6

#DF9920

#20DF39

Color Blindness Simulation

Original

#2066DF

Protanopia

#3E3FC2

Deuteranopia

#3A35BB

Tritanopia

#24ABA6

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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