#021733

#021733

Color Values

HEX

#021733

RGB

2, 23, 51

HSL

214.3, 92.5%, 10.4%

HSV

214.3, 96.1%, 20.0%

CMYK

96.1%, 54.9%, 0.0%, 80.0%

OKLCH

0.2064 0.0624 255.3

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#021733

#331E02

Analogous

#023033

#060233

#021733

Triadic

#021733

#330217

#173302

Split Complementary

#021733

#330602

#303302

Tetradic

#021733

#330230

#331E02

#023306

Color Blindness Simulation

Original

#021733

Protanopia

#0B0B2C

Deuteranopia

#0A082B

Tritanopia

#032726

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD7FC
300
#89BAFA
400
#4994F8
500
#0A6FF5
600
#0858C4
700
#06479D
800
#05377B
900
#082B59
950
#051B38

Contrast Checker

Text on white

17.9:1

AA Pass AAA Pass

Text on black

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