#403D85

#403D85

Color Values

HEX

#403D85

RGB

64, 61, 133

HSL

242.5, 37.1%, 38.0%

HSV

242.5, 54.1%, 52.2%

CMYK

51.9%, 54.1%, 0.0%, 47.8%

OKLCH

0.403 0.1171 281.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#403D85

#82853D

Analogous

#3D5E85

#643D85

#403D85

Triadic

#403D85

#85403D

#3D8540

Split Complementary

#403D85

#85643D

#5E853D

Tetradic

#403D85

#853D5E

#82853D

#3D8564

Color Blindness Simulation

Original

#403D85

Protanopia

#3F3F74

Deuteranopia

#3F3F6F

Tritanopia

#406663

Achromatopsia

#434343

CSS Usage

background-color: #403D85;
color: #403D85;
border-color: #403D85;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE9
300
#ADABD9
400
#817EC4
500
#5450AF
600
#43408C
700
#363370
800
#2A2857
900
#222041
950
#151429

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

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