#0220CA

#0220CA

Color Values

HEX

#0220CA

RGB

2, 32, 202

HSL

231.0, 98.0%, 40.0%

HSV

231.0, 99.0%, 79.2%

CMYK

99.0%, 84.2%, 0.0%, 20.8%

OKLCH

0.4003 0.2485 264.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0220CA

#CAAC02

Analogous

#0284CA

#4802CA

#0220CA

Triadic

#0220CA

#CA0220

#20CA02

Split Complementary

#0220CA

#CA4802

#84CA02

Tetradic

#0220CA

#CA0284

#CAAC02

#02CA48

Color Blindness Simulation

Original

#0220CA

Protanopia

#0F0FA1

Deuteranopia

#0D0B97

Tritanopia

#048079

Achromatopsia

#262626

CSS Usage

background-color: #0220CA;
color: #0220CA;
border-color: #0220CA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C3FE
300
#8698FE
400
#4460FD
500
#0328FC
600
#0220CA
700
#021AA2
800
#01147E
900
#06135B
950
#040C3A

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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