#21037C

#21037C

Color Values

HEX

#21037C

RGB

33, 3, 124

HSL

254.9, 95.3%, 24.9%

HSV

254.9, 97.6%, 48.6%

CMYK

73.4%, 97.6%, 0.0%, 51.4%

OKLCH

0.2858 0.1726 277.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#21037C

#5E7C03

Analogous

#03217C

#5E037C

#21037C

Triadic

#21037C

#7C2103

#037C21

Split Complementary

#21037C

#7C5E03

#217C03

Tetradic

#21037C

#7C0321

#5E7C03

#037C5E

Color Blindness Simulation

Original

#21037C

Protanopia

#14145F

Deuteranopia

#161858

Tritanopia

#1F4843

Achromatopsia

#121212

CSS Usage

background-color: #21037C;
color: #21037C;
border-color: #21037C;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F4F1FE
100
#E6DFFC
200
#CAB9FD
300
#A487FC
400
#7347FB
500
#4206F9
600
#3505C7
700
#2A049F
800
#21037D
900
#1C075A
950
#110439

Contrast Checker

Text on white

15.34:1

AA Pass AAA Pass

Text on black

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