#402F51

#402F51

Color Values

HEX

#402F51

RGB

64, 47, 81

HSL

270.0, 26.6%, 25.1%

HSV

270.0, 42.0%, 31.8%

CMYK

21.0%, 42.0%, 0.0%, 68.2%

OKLCH

0.34 0.0616 306.4

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#402F51

#40512F

Analogous

#2F2F51

#512F51

#402F51

Triadic

#402F51

#51402F

#2F5140

Split Complementary

#402F51

#51512F

#2F512F

Tetradic

#402F51

#512F2F

#40512F

#2F5151

Color Blindness Simulation

Original

#402F51

Protanopia

#393849

Deuteranopia

#3A3B47

Tritanopia

#3F4241

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DBD2E5
300
#C2B2D2
400
#A188BA
500
#805EA1
600
#664B81
700
#523C67
800
#402F51
900
#30253C
950
#1F1726

Contrast Checker

Text on white

12.05:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026