#022973

#022973

Color Values

HEX

#022973

RGB

2, 41, 115

HSL

219.3, 96.6%, 22.9%

HSV

219.3, 98.3%, 45.1%

CMYK

98.3%, 64.3%, 0.0%, 54.9%

OKLCH

0.3122 0.1341 261.5

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#022973

#734C02

Analogous

#026173

#130273

#022973

Triadic

#022973

#730229

#297302

Split Complementary

#022973

#731302

#617302

Tetradic

#022973

#730261

#734C02

#027313

Color Blindness Simulation

Original

#022973

Protanopia

#131361

Deuteranopia

#110E5D

Tritanopia

#045350

Achromatopsia

#262626

CSS Usage

background-color: #022973;
color: #022973;
border-color: #022973;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F5FE
100
#DEE9FC
200
#B9D1FE
300
#87AFFD
400
#4684FC
500
#0459FB
600
#0347C9
700
#0339A0
800
#022D7D
900
#06235B
950
#041639

Contrast Checker

Text on white

13.4:1

AA Pass AAA Pass

Text on black

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