#401C87

#401C87

Color Values

HEX

#401C87

RGB

64, 28, 135

HSL

260.2, 65.6%, 32.0%

HSV

260.2, 79.3%, 52.9%

CMYK

52.6%, 79.3%, 0.0%, 47.1%

OKLCH

0.3515 0.1632 290.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#401C87

#63871C

Analogous

#1C2E87

#761C87

#401C87

Triadic

#401C87

#87401C

#1C8740

Split Complementary

#401C87

#87761C

#2E871C

Tetradic

#401C87

#871C2E

#63871C

#1C8776

Color Blindness Simulation

Original

#401C87

Protanopia

#30306D

Deuteranopia

#323567

Tritanopia

#3E5954

Achromatopsia

#2B2B2B

CSS Usage

background-color: #401C87;
color: #401C87;
border-color: #401C87;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D4C4F3
300
#B59AEA
400
#8C63DF
500
#642CD3
600
#5023A9
700
#401C87
800
#32166A
900
#27144D
950
#190D31

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

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