#022152

#022152

Color Values

HEX

#022152

RGB

2, 33, 82

HSL

216.8, 95.2%, 16.5%

HSV

216.8, 97.6%, 32.2%

CMYK

97.6%, 59.8%, 0.0%, 67.8%

OKLCH

0.2614 0.0969 259.2

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#022152

#523302

Analogous

#024952

#0B0252

#022152

Triadic

#022152

#520221

#215202

Split Complementary

#022152

#520B02

#495202

Tetradic

#022152

#520249

#523302

#02520B

Color Blindness Simulation

Original

#022152

Protanopia

#0F1046

Deuteranopia

#0E0B43

Tritanopia

#043D3B

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#88B5FC
400
#478CFA
500
#0664F9
600
#0550C7
700
#04409F
800
#03327C
900
#07275A
950
#041939

Contrast Checker

Text on white

15.65:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026