#206ADF

#206ADF

Color Values

HEX

#206ADF

RGB

32, 106, 223

HSL

216.8, 74.9%, 50.0%

HSV

216.8, 85.7%, 87.5%

CMYK

85.7%, 52.5%, 0.0%, 12.5%

OKLCH

0.5493 0.1926 259.8

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#206ADF

#DF9520

Analogous

#20C9DF

#3620DF

#206ADF

Triadic

#206ADF

#DF206A

#6ADF20

Split Complementary

#206ADF

#DF3620

#C9DF20

Tetradic

#206ADF

#DF20C9

#DF9520

#20DF36

Color Blindness Simulation

Original

#206ADF

Protanopia

#4041C3

Deuteranopia

#3C36BC

Tritanopia

#24ACA7

Achromatopsia

#636363

CSS Usage

background-color: #206ADF;
color: #206ADF;
border-color: #206ADF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FC
100
#E2EBF9
200
#C1D5F6
300
#94B7F0
400
#5A91E7
500
#206ADF
600
#1A55B2
700
#14448F
800
#10356F
900
#102951
950
#0A1A33

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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