#022679

#022679

Color Values

HEX

#022679

RGB

2, 38, 121

HSL

221.8, 96.7%, 24.1%

HSV

221.8, 98.3%, 47.5%

CMYK

98.3%, 68.6%, 0.0%, 52.5%

OKLCH

0.3123 0.1462 262.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#022679

#795502

Analogous

#026279

#190279

#022679

Triadic

#022679

#790226

#267902

Split Complementary

#022679

#791902

#627902

Tetradic

#022679

#790262

#795502

#027919

Color Blindness Simulation

Original

#022679

Protanopia

#121265

Deuteranopia

#100D60

Tritanopia

#045552

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CEFE
300
#87ABFD
400
#457DFC
500
#044FFB
600
#033FC9
700
#0333A1
800
#02287D
900
#06205B
950
#041439

Contrast Checker

Text on white

13.5:1

AA Pass AAA Pass

Text on black

1.56:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026