#022ACA

#022ACA

Color Values

HEX

#022ACA

RGB

2, 42, 202

HSL

228.0, 98.0%, 40.0%

HSV

228.0, 99.0%, 79.2%

CMYK

99.0%, 79.2%, 0.0%, 20.8%

OKLCH

0.4118 0.2409 264.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#022ACA

#CAA202

Analogous

#028ECA

#3E02CA

#022ACA

Triadic

#022ACA

#CA022A

#2ACA02

Split Complementary

#022ACA

#CA3E02

#8ECA02

Tetradic

#022ACA

#CA028E

#CAA202

#02CA3E

Color Blindness Simulation

Original

#022ACA

Protanopia

#1314A3

Deuteranopia

#110E9A

Tritanopia

#04857E

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B8C6FE
300
#869EFE
400
#4469FD
500
#0335FC
600
#022ACA
700
#0222A2
800
#011A7E
900
#06175B
950
#040E3A

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

2.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