#021326

#021326

Color Values

HEX

#021326

RGB

2, 19, 38

HSL

211.7, 90.0%, 7.8%

HSV

211.7, 94.7%, 14.9%

CMYK

94.7%, 50.0%, 0.0%, 85.1%

OKLCH

0.1836 0.0465 250.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#021326

#261502

Analogous

#022526

#030226

#021326

Triadic

#021326

#260213

#132602

Split Complementary

#021326

#260302

#252602

Tetradic

#021326

#260225

#261502

#022603

Color Blindness Simulation

Original

#021326

Protanopia

#090A21

Deuteranopia

#080720

Tritanopia

#031E1D

Achromatopsia

#111111

CSS Usage

background-color: #021326;
color: #021326;
border-color: #021326;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FB
300
#8BBFF9
400
#4C9CF6
500
#0D79F2
600
#0A61C2
700
#084D9B
800
#063C79
900
#092E58
950
#061D37

Contrast Checker

Text on white

18.69:1

AA Pass AAA Pass

Text on black

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