#020CFD

#020CFD

Color Values

HEX

#020CFD

RGB

2, 12, 253

HSL

237.6, 98.4%, 50.0%

HSV

237.6, 99.2%, 99.2%

CMYK

99.2%, 95.3%, 0.0%, 0.8%

OKLCH

0.4535 0.3084 264.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#020CFD

#FDF302

Analogous

#028AFD

#7502FD

#020CFD

Triadic

#020CFD

#FD020C

#0CFD02

Split Complementary

#020CFD

#FD7502

#8AFD02

Tetradic

#020CFD

#FD028A

#FDF302

#02FD75

Color Blindness Simulation

Original

#020CFD

Protanopia

#0606C3

Deuteranopia

#0605B5

Tritanopia

#02958B

Achromatopsia

#1B1B1B

CSS Usage

background-color: #020CFD;
color: #020CFD;
border-color: #020CFD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BBFE
300
#868AFE
400
#444BFD
500
#020CFD
600
#020ACA
700
#0108A2
800
#01067E
900
#06095B
950
#04063A

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

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