#021024

#021024

Color Values

HEX

#021024

RGB

2, 16, 36

HSL

215.3, 89.5%, 7.5%

HSV

215.3, 94.4%, 14.1%

CMYK

94.4%, 55.6%, 0.0%, 85.9%

OKLCH

0.1728 0.0474 254.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#021024

#241602

Analogous

#022124

#050224

#021024

Triadic

#021024

#240210

#102402

Split Complementary

#021024

#240502

#212402

Tetradic

#021024

#240221

#241602

#022405

Color Blindness Simulation

Original

#021024

Protanopia

#08081F

Deuteranopia

#07061E

Tritanopia

#031B1A

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD6FB
300
#8BB8F9
400
#4C92F5
500
#0D6BF2
600
#0B56C1
700
#09459B
800
#073679
900
#092A57
950
#061A37

Contrast Checker

Text on white

19.05:1

AA Pass AAA Pass

Text on black

1.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026