#400D76

#400D76

Color Values

HEX

#400D76

RGB

64, 13, 118

HSL

269.1, 80.2%, 25.7%

HSV

269.1, 89.0%, 46.3%

CMYK

45.8%, 89.0%, 0.0%, 53.7%

OKLCH

0.3199 0.1579 298.2

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#400D76

#43760D

Analogous

#0D0F76

#750D76

#400D76

Triadic

#400D76

#76400D

#0D7640

Split Complementary

#400D76

#76750D

#0F760D

Tetradic

#400D76

#760D0F

#43760D

#0D7675

Color Blindness Simulation

Original

#400D76

Protanopia

#2A295D

Deuteranopia

#2D3156

Tritanopia

#3D4944

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C091F3
400
#9E55EC
500
#7C19E6
600
#6414B8
700
#501093
800
#3E0D73
900
#2F0D53
950
#1E0935

Contrast Checker

Text on white

13.66:1

AA Pass AAA Pass

Text on black

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