#401076

#401076

Color Values

HEX

#401076

RGB

64, 16, 118

HSL

268.2, 76.1%, 26.3%

HSV

268.2, 86.4%, 46.3%

CMYK

45.8%, 86.4%, 0.0%, 53.7%

OKLCH

0.3224 0.1555 297.9

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#401076

#467610

Analogous

#101376

#731076

#401076

Triadic

#401076

#764010

#107640

Split Complementary

#401076

#767310

#137610

Tetradic

#401076

#761013

#467610

#107673

Color Blindness Simulation

Original

#401076

Protanopia

#2B2B5D

Deuteranopia

#2E3257

Tritanopia

#3E4A46

Achromatopsia

#222222

CSS Usage

background-color: #401076;
color: #401076;
border-color: #401076;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#DAC0F6
300
#BF93F0
400
#9C59E8
500
#7A1EE1
600
#6118B4
700
#4E1490
800
#3D0F70
900
#2E0F52
950
#1D0A34

Contrast Checker

Text on white

13.52:1

AA Pass AAA Pass

Text on black

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