#021D48

#021D48

Color Values

HEX

#021D48

RGB

2, 29, 72

HSL

216.9, 94.6%, 14.5%

HSV

216.9, 97.2%, 28.2%

CMYK

97.2%, 59.7%, 0.0%, 71.8%

OKLCH

0.2418 0.0873 258.9

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#021D48

#482D02

Analogous

#024048

#0A0248

#021D48

Triadic

#021D48

#48021D

#1D4802

Split Complementary

#021D48

#480A02

#404802

Tetradic

#021D48

#480240

#482D02

#02480A

Color Blindness Simulation

Original

#021D48

Protanopia

#0E0E3E

Deuteranopia

#0C0A3B

Tritanopia

#033534

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#BAD4FD
300
#88B4FC
400
#478CFA
500
#0764F8
600
#0650C6
700
#04409F
800
#03327C
900
#07275A
950
#051939

Contrast Checker

Text on white

16.51:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026