#402BD4

#402BD4

Color Values

HEX

#402BD4

RGB

64, 43, 212

HSL

247.5, 66.3%, 50.0%

HSV

247.5, 79.7%, 83.1%

CMYK

69.8%, 79.7%, 0.0%, 16.9%

OKLCH

0.4487 0.2385 276.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#402BD4

#BFD42B

Analogous

#2B6AD4

#952BD4

#402BD4

Triadic

#402BD4

#D4402B

#2BD440

Split Complementary

#402BD4

#D4952B

#6AD42B

Tetradic

#402BD4

#D42B6A

#BFD42B

#2BD495

Color Blindness Simulation

Original

#402BD4

Protanopia

#3737AB

Deuteranopia

#383AA1

Tritanopia

#3F8B84

Achromatopsia

#3C3C3C

CSS Usage

background-color: #402BD4;
color: #402BD4;
border-color: #402BD4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC4F3
300
#A399EA
400
#7262DF
500
#402BD4
600
#3322AA
700
#291B88
800
#20156A
900
#1B144D
950
#110C31

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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