#400C67

#400C67

Color Values

HEX

#400C67

RGB

64, 12, 103

HSL

274.3, 79.1%, 22.5%

HSV

274.3, 88.3%, 40.4%

CMYK

37.9%, 88.3%, 0.0%, 59.6%

OKLCH

0.3044 0.1433 304.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#400C67

#33670C

Analogous

#120C67

#670C60

#400C67

Triadic

#400C67

#67400C

#0C6740

Split Complementary

#400C67

#60670C

#0C6712

Tetradic

#400C67

#67120C

#33670C

#0C6067

Color Blindness Simulation

Original

#400C67

Protanopia

#292951

Deuteranopia

#2C304C

Tritanopia

#3D403C

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF8
300
#C991F2
400
#AB56EB
500
#8E1BE4
600
#7215B7
700
#5B1192
800
#470D72
900
#350E53
950
#220934

Contrast Checker

Text on white

14.32:1

AA Pass AAA Pass

Text on black

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