#21012C

#21012C

Color Values

HEX

#21012C

RGB

33, 1, 44

HSL

284.7, 95.6%, 8.8%

HSV

284.7, 97.7%, 17.3%

CMYK

25.0%, 97.7%, 0.0%, 82.7%

OKLCH

0.1858 0.0875 316.1

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#21012C

#0C2C01

Analogous

#0B012C

#2C0121

#21012C

Triadic

#21012C

#2C2101

#012C21

Split Complementary

#21012C

#212C01

#012C0B

Tetradic

#21012C

#2C0B01

#0C2C01

#01212C

Color Blindness Simulation

Original

#21012C

Protanopia

#131322

Deuteranopia

#15171F

Tritanopia

#1F1918

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DFFC
200
#ECB9FD
300
#DE87FC
400
#CD46FB
500
#BB06F9
600
#9604C8
700
#7804A0
800
#5E037D
900
#45075A
950
#2C0439

Contrast Checker

Text on white

19.0:1

AA Pass AAA Pass

Text on black

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