#022863

#022863

Color Values

HEX

#022863

RGB

2, 40, 99

HSL

216.5, 96.0%, 19.8%

HSV

216.5, 98.0%, 38.8%

CMYK

98.0%, 59.6%, 0.0%, 61.2%

OKLCH

0.2943 0.1125 259.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#022863

#633D02

Analogous

#025863

#0D0263

#022863

Triadic

#022863

#630228

#286302

Split Complementary

#022863

#630D02

#586302

Tetradic

#022863

#630258

#633D02

#02630D

Color Blindness Simulation

Original

#022863

Protanopia

#121355

Deuteranopia

#100D51

Tritanopia

#044947

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FE
300
#87B5FD
400
#468DFB
500
#0565FA
600
#0451C8
700
#0341A0
800
#03327D
900
#07275A
950
#041939

Contrast Checker

Text on white

14.13:1

AA Pass AAA Pass

Text on black

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