#400063

#400063

Color Values

HEX

#400063

RGB

64, 0, 99

HSL

278.8, 100.0%, 19.4%

HSV

278.8, 100.0%, 38.8%

CMYK

35.4%, 100.0%, 0.0%, 61.2%

OKLCH

0.2915 0.1494 307.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#400063

#236300

Analogous

#0F0063

#630054

#400063

Triadic

#400063

#634000

#006340

Split Complementary

#400063

#546300

#00630F

Tetradic

#400063

#630F00

#236300

#005463

Color Blindness Simulation

Original

#400063

Protanopia

#24244B

Deuteranopia

#282D45

Tritanopia

#3D3834

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B8FF
300
#D485FF
400
#BC42FF
500
#A500FF
600
#8400CC
700
#6A00A3
800
#520080
900
#3D055C
950
#27033A

Contrast Checker

Text on white

15.02:1

AA Pass AAA Pass

Text on black

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