#402E63

#402E63

Color Values

HEX

#402E63

RGB

64, 46, 99

HSL

260.4, 36.6%, 28.4%

HSV

260.4, 53.5%, 38.8%

CMYK

35.4%, 53.5%, 0.0%, 61.2%

OKLCH

0.3492 0.0905 297.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#402E63

#51632E

Analogous

#2E3663

#5A2E63

#402E63

Triadic

#402E63

#63402E

#2E6340

Split Complementary

#402E63

#635A2E

#36632E

Tetradic

#402E63

#632E36

#51632E

#2E635A

Color Blindness Simulation

Original

#402E63

Protanopia

#383856

Deuteranopia

#393B53

Tritanopia

#3F4C4A

Achromatopsia

#363636

CSS Usage

background-color: #402E63;
color: #402E63;
border-color: #402E63;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EBE8F3
200
#D7CEE8
300
#BBABD8
400
#967EC3
500
#7151AE
600
#5A418B
700
#48346F
800
#382857
900
#2B2040
950
#1B1529

Contrast Checker

Text on white

11.74:1

AA Pass AAA Pass

Text on black

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