#022159

#022159

Color Values

HEX

#022159

RGB

2, 33, 89

HSL

218.6, 95.6%, 17.8%

HSV

218.6, 97.8%, 34.9%

CMYK

97.8%, 62.9%, 0.0%, 65.1%

OKLCH

0.2682 0.1075 260.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#022159

#593A02

Analogous

#024C59

#0E0259

#022159

Triadic

#022159

#590221

#215902

Split Complementary

#022159

#590E02

#4C5902

Tetradic

#022159

#59024C

#593A02

#02590E

Color Blindness Simulation

Original

#022159

Protanopia

#0F104B

Deuteranopia

#0E0B48

Tritanopia

#04413E

Achromatopsia

#1E1E1E

CSS Usage

background-color: #022159;
color: #022159;
border-color: #022159;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FD
300
#87B1FC
400
#4687FB
500
#065DF9
600
#044AC8
700
#043BA0
800
#032E7D
900
#07245A
950
#041739

Contrast Checker

Text on white

15.39:1

AA Pass AAA Pass

Text on black

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