#403670

#403670

Color Values

HEX

#403670

RGB

64, 54, 112

HSL

250.3, 34.9%, 32.5%

HSV

250.3, 51.8%, 43.9%

CMYK

42.9%, 51.8%, 0.0%, 56.1%

OKLCH

0.374 0.0964 288.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#403670

#667036

Analogous

#364970

#5D3670

#403670

Triadic

#403670

#704036

#367040

Split Complementary

#403670

#705D36

#497036

Tetradic

#403670

#703649

#667036

#36705D

Color Blindness Simulation

Original

#403670

Protanopia

#3C3C62

Deuteranopia

#3C3D5F

Tritanopia

#405754

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D3CFE8
300
#B4ACD7
400
#8B80C2
500
#6253AC
600
#4F428A
700
#3F356E
800
#312A56
900
#262140
950
#181528

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

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