#022879

#022879

Color Values

HEX

#022879

RGB

2, 40, 121

HSL

220.8, 96.7%, 24.1%

HSV

220.8, 98.3%, 47.5%

CMYK

98.3%, 66.9%, 0.0%, 52.5%

OKLCH

0.3163 0.1437 262.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#022879

#795302

Analogous

#026379

#170279

#022879

Triadic

#022879

#790228

#287902

Split Complementary

#022879

#791702

#637902

Tetradic

#022879

#790263

#795302

#027917

Color Blindness Simulation

Original

#022879

Protanopia

#121365

Deuteranopia

#100D61

Tritanopia

#045653

Achromatopsia

#262626

CSS Usage

background-color: #022879;
color: #022879;
border-color: #022879;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B9CFFE
300
#87ACFD
400
#4580FC
500
#0453FB
600
#0342C9
700
#0335A1
800
#022A7D
900
#06215B
950
#041539

Contrast Checker

Text on white

13.27:1

AA Pass AAA Pass

Text on black

1.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026