#403A75

#403A75

Color Values

HEX

#403A75

RGB

64, 58, 117

HSL

246.1, 33.7%, 34.3%

HSV

246.1, 50.4%, 45.9%

CMYK

45.3%, 50.4%, 0.0%, 54.1%

OKLCH

0.3855 0.0976 285.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#403A75

#6F753A

Analogous

#3A5175

#5D3A75

#403A75

Triadic

#403A75

#75403A

#3A7540

Split Complementary

#403A75

#755D3A

#51753A

Tetradic

#403A75

#753A51

#6F753A

#3A755D

Color Blindness Simulation

Original

#403A75

Protanopia

#3D3D67

Deuteranopia

#3E3E63

Tritanopia

#405B59

Achromatopsia

#404040

CSS Usage

background-color: #403A75;
color: #403A75;
border-color: #403A75;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE7
300
#B1ADD6
400
#8781C0
500
#5D55AA
600
#4B4488
700
#3C366D
800
#2F2A55
900
#25223F
950
#171528

Contrast Checker

Text on white

10.1:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026