#403C73

#403C73

Color Values

HEX

#403C73

RGB

64, 60, 115

HSL

244.4, 31.4%, 34.3%

HSV

244.4, 47.8%, 45.1%

CMYK

44.3%, 47.8%, 0.0%, 54.9%

OKLCH

0.3884 0.0913 284.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#403C73

#6F733C

Analogous

#3C5373

#5B3C73

#403C73

Triadic

#403C73

#73403C

#3C7340

Split Complementary

#403C73

#735B3C

#53733C

Tetradic

#403C73

#733C53

#6F733C

#3C735B

Color Blindness Simulation

Original

#403C73

Protanopia

#3E3E66

Deuteranopia

#3E3F62

Tritanopia

#405B59

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D2D0E7
300
#B1AFD5
400
#8783BE
500
#5D57A8
600
#4B4686
700
#3C386B
800
#2F2C54
900
#25233E
950
#171627

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

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