#021C34

#021C34

Color Values

HEX

#021C34

RGB

2, 28, 52

HSL

208.8, 92.6%, 10.6%

HSV

208.8, 96.2%, 20.4%

CMYK

96.2%, 46.2%, 0.0%, 79.6%

OKLCH

0.2216 0.0571 249.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#021C34

#341A02

Analogous

#023433

#020334

#021C34

Triadic

#021C34

#34021C

#1C3402

Split Complementary

#021C34

#340203

#343302

Tetradic

#021C34

#330234

#341A02

#033402

Color Blindness Simulation

Original

#021C34

Protanopia

#0D0D2E

Deuteranopia

#0C0A2D

Tritanopia

#032A29

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C4FA
400
#49A4F8
500
#0984F6
600
#086AC4
700
#06559D
800
#05427B
900
#083259
950
#052038

Contrast Checker

Text on white

17.24:1

AA Pass AAA Pass

Text on black

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