#022145

#022145

Color Values

HEX

#022145

RGB

2, 33, 69

HSL

212.2, 94.4%, 13.9%

HSV

212.2, 97.1%, 27.1%

CMYK

97.1%, 52.2%, 0.0%, 72.9%

OKLCH

0.2496 0.0769 254.6

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#022145

#452602

Analogous

#024245

#040245

#022145

Triadic

#022145

#450221

#214502

Split Complementary

#022145

#450402

#424502

Tetradic

#022145

#450242

#452602

#024504

Color Blindness Simulation

Original

#022145

Protanopia

#0F103C

Deuteranopia

#0E0B3A

Tritanopia

#043534

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD9FD
300
#88BEFC
400
#489AFA
500
#0777F8
600
#065FC6
700
#054C9F
800
#043B7C
900
#072D5A
950
#051D39

Contrast Checker

Text on white

16.08:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026