#021B36

#021B36

Color Values

HEX

#021B36

RGB

2, 27, 54

HSL

211.2, 92.9%, 11.0%

HSV

211.2, 96.3%, 21.2%

CMYK

96.3%, 50.0%, 0.0%, 78.8%

OKLCH

0.2203 0.0615 252.2

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#021B36

#361D02

Analogous

#023536

#030236

#021B36

Triadic

#021B36

#36021B

#1B3602

Split Complementary

#021B36

#360302

#353602

Tetradic

#021B36

#360235

#361D02

#023603

Color Blindness Simulation

Original

#021B36

Protanopia

#0D0D2F

Deuteranopia

#0B0A2E

Tritanopia

#032A29

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADAFC
300
#89C0FB
400
#499DF8
500
#097BF6
600
#0762C5
700
#064F9D
800
#053D7B
900
#082F59
950
#051E38

Contrast Checker

Text on white

17.32:1

AA Pass AAA Pass

Text on black

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