#022857

#022857

Color Values

HEX

#022857

RGB

2, 40, 87

HSL

213.2, 95.5%, 17.5%

HSV

213.2, 97.7%, 34.1%

CMYK

97.7%, 54.0%, 0.0%, 65.9%

OKLCH

0.2834 0.0947 256.4

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#022857

#573102

Analogous

#025357

#070257

#022857

Triadic

#022857

#570228

#285702

Split Complementary

#022857

#570702

#535702

Tetradic

#022857

#570253

#573102

#025707

Color Blindness Simulation

Original

#022857

Protanopia

#12134C

Deuteranopia

#100D49

Tritanopia

#044341

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D8FD
300
#87BCFC
400
#4797FB
500
#0673F9
600
#055CC7
700
#0449A0
800
#03397D
900
#072C5A
950
#041C39

Contrast Checker

Text on white

14.55:1

AA Pass AAA Pass

Text on black

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