#021633

#021633

Color Values

HEX

#021633

RGB

2, 22, 51

HSL

215.5, 92.5%, 10.4%

HSV

215.5, 96.1%, 20.0%

CMYK

96.1%, 56.9%, 0.0%, 80.0%

OKLCH

0.2036 0.0638 256.5

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#021633

#331F02

Analogous

#022F33

#060233

#021633

Triadic

#021633

#330216

#163302

Split Complementary

#021633

#330602

#2F3302

Tetradic

#021633

#33022F

#331F02

#023306

Color Blindness Simulation

Original

#021633

Protanopia

#0B0B2C

Deuteranopia

#0A082A

Tritanopia

#032625

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD5FC
300
#89B7FA
400
#4991F8
500
#0A6AF5
600
#0855C4
700
#06449D
800
#05357B
900
#082959
950
#051A38

Contrast Checker

Text on white

18.02:1

AA Pass AAA Pass

Text on black

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