#02023C

#02023C

Color Values

HEX

#02023C

RGB

2, 2, 60

HSL

240.0, 93.5%, 12.2%

HSV

240.0, 96.7%, 23.5%

CMYK

96.7%, 96.7%, 0.0%, 76.5%

OKLCH

0.168 0.1067 266.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#02023C

#3C3C02

Analogous

#021F3C

#1F023C

#02023C

Triadic

#02023C

#3C0202

#023C02

Split Complementary

#02023C

#3C1F02

#1F3C02

Tetradic

#02023C

#3C021F

#3C3C02

#023C1F

Color Blindness Simulation

Original

#02023C

Protanopia

#02022E

Deuteranopia

#02022B

Tritanopia

#022320

Achromatopsia

#060606

CSS Usage

background-color: #02023C;
color: #02023C;
border-color: #02023C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8989FB
400
#4848F9
500
#0808F7
600
#0707C5
700
#05059E
800
#04047B
900
#080859
950
#050538

Contrast Checker

Text on white

19.51:1

AA Pass AAA Pass

Text on black

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