#401380

#401380

Color Values

HEX

#401380

RGB

64, 19, 128

HSL

264.8, 74.1%, 28.8%

HSV

264.8, 85.2%, 50.2%

CMYK

50.0%, 85.2%, 0.0%, 49.8%

OKLCH

0.3351 0.1637 294.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#401380

#538013

Analogous

#131C80

#761380

#401380

Triadic

#401380

#804013

#138040

Split Complementary

#401380

#807613

#1C8013

Tetradic

#401380

#80131C

#538013

#138076

Color Blindness Simulation

Original

#401380

Protanopia

#2D2C66

Deuteranopia

#2F325F

Tritanopia

#3E514C

Achromatopsia

#242424

CSS Usage

background-color: #401380;
color: #401380;
border-color: #401380;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F3FC
100
#EBE2F8
200
#D7C1F6
300
#BA94EF
400
#955BE7
500
#6F21DE
600
#591AB2
700
#47158E
800
#38116F
900
#2B1051
950
#1B0A33

Contrast Checker

Text on white

12.94:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026