#021432

#021432

Color Values

HEX

#021432

RGB

2, 20, 50

HSL

217.5, 92.3%, 10.2%

HSV

217.5, 96.0%, 19.6%

CMYK

96.0%, 60.0%, 0.0%, 80.4%

OKLCH

0.1971 0.0652 258.1

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#021432

#322002

Analogous

#022C32

#080232

#021432

Triadic

#021432

#320214

#143202

Split Complementary

#021432

#320802

#2C3202

Tetradic

#021432

#32022C

#322002

#023208

Color Blindness Simulation

Original

#021432

Protanopia

#0A0A2B

Deuteranopia

#090729

Tritanopia

#032524

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FC
300
#89B4FA
400
#4A8BF8
500
#0A62F5
600
#084EC4
700
#063F9D
800
#05317B
900
#082659
950
#051838

Contrast Checker

Text on white

18.28:1

AA Pass AAA Pass

Text on black

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