#022CCA

#022CCA

Color Values

HEX

#022CCA

RGB

2, 44, 202

HSL

227.4, 98.0%, 40.0%

HSV

227.4, 99.0%, 79.2%

CMYK

99.0%, 78.2%, 0.0%, 20.8%

OKLCH

0.4144 0.2391 264.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#022CCA

#CAA002

Analogous

#0290CA

#3C02CA

#022CCA

Triadic

#022CCA

#CA022C

#2CCA02

Split Complementary

#022CCA

#CA3C02

#90CA02

Tetradic

#022CCA

#CA0290

#CAA002

#02CA3C

Color Blindness Simulation

Original

#022CCA

Protanopia

#1415A4

Deuteranopia

#120F9B

Tritanopia

#04867F

Achromatopsia

#2E2E2E

CSS Usage

background-color: #022CCA;
color: #022CCA;
border-color: #022CCA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C7FE
300
#869FFE
400
#446BFD
500
#0337FC
600
#022CCA
700
#0223A2
800
#011C7E
900
#06185B
950
#040F3A

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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