#403271

#403271

Color Values

HEX

#403271

RGB

64, 50, 113

HSL

253,3, 38,7%, 32,0%

HSV

253,3, 55,8%, 44,3%

CMYK

43,4%, 55,8%, 0,0%, 55,7%

OKLCH

0,3668 0,1045 290,5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#403271

#637132

Analogous

#324471

#603271

#403271

Triadic

#403271

#714032

#327140

Split Complementary

#403271

#716032

#447132

Tetradic

#403271

#713244

#637132

#327160

Color Blindness Simulation

Original

#403271

Protanopia

#3A3A62

Deuteranopia

#3B3C5E

Tritanopia

#3F5653

Achromatopsia

#3A3A3A

CSS Usage

background-color: #403271;
color: #403271;
border-color: #403271;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDE9
300
#B5AAD9
400
#8C7CC5
500
#644EB1
600
#503F8D
700
#403271
800
#322758
900
#272041
950
#191429

Contrast Checker

Text on white

10,98:1

AA Pass AAA Pass

Text on black

1,91: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