#21024C

#21024C

Color Values

HEX

#21024C

RGB

33, 2, 76

HSL

265.1, 94.9%, 15.3%

HSV

265.1, 97.4%, 29.8%

CMYK

56.6%, 97.4%, 0.0%, 70.2%

OKLCH

0.2229 0.1196 293.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#21024C

#2D4C02

Analogous

#02084C

#46024C

#21024C

Triadic

#21024C

#4C2102

#024C21

Split Complementary

#21024C

#4C4602

#084C02

Tetradic

#21024C

#4C0208

#2D4C02

#024C46

Color Blindness Simulation

Original

#21024C

Protanopia

#14133A

Deuteranopia

#151836

Tritanopia

#1F2C29

Achromatopsia

#0E0E0E

CSS Usage

background-color: #21024C;
color: #21024C;
border-color: #21024C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D6B9FD
300
#B888FC
400
#9247FA
500
#6C07F8
600
#5605C7
700
#45049F
800
#36037C
900
#2A075A
950
#1A0439

Contrast Checker

Text on white

17.83:1

AA Pass AAA Pass

Text on black

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