#401958

#401958

Color Values

HEX

#401958

RGB

64, 25, 88

HSL

277.1, 55.8%, 22.2%

HSV

277.1, 71.6%, 34.5%

CMYK

27.3%, 71.6%, 0.0%, 65.5%

OKLCH

0.3056 0.1113 309.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#401958

#315819

Analogous

#201958

#581951

#401958

Triadic

#401958

#584019

#195840

Split Complementary

#401958

#515819

#195820

Tetradic

#401958

#582019

#315819

#195158

Color Blindness Simulation

Original

#401958

Protanopia

#2F2F49

Deuteranopia

#313445

Tritanopia

#3E3D3A

Achromatopsia

#262626

CSS Usage

background-color: #401958;
color: #401958;
border-color: #401958;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#E0C7EF
300
#CAA0E4
400
#AD6CD5
500
#9038C7
600
#732D9F
700
#5C247F
800
#481C63
900
#361849
950
#220F2E

Contrast Checker

Text on white

14.02:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026