#400D77

#400D77

Color Values

HEX

#400D77

RGB

64, 13, 119

HSL

268.9, 80.3%, 25.9%

HSV

268.9, 89.1%, 46.7%

CMYK

46.2%, 89.1%, 0.0%, 53.3%

OKLCH

0.321 0.1589 297.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#400D77

#44770D

Analogous

#0D0F77

#750D77

#400D77

Triadic

#400D77

#77400D

#0D7740

Split Complementary

#400D77

#77750D

#0F770D

Tetradic

#400D77

#770D0F

#44770D

#0D7775

Color Blindness Simulation

Original

#400D77

Protanopia

#2A295D

Deuteranopia

#2D3157

Tritanopia

#3D4945

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DABFF8
300
#C091F3
400
#9E55EC
500
#7C19E6
600
#6314B8
700
#4F1093
800
#3E0D73
900
#2F0D53
950
#1E0835

Contrast Checker

Text on white

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