#463696

#463696

Color Values

HEX

#463696

RGB

70, 54, 150

HSL

250.0, 47.1%, 40.0%

HSV

250.0, 64.0%, 58.8%

CMYK

53.3%, 64.0%, 0.0%, 41.2%

OKLCH

0.4087 0.1503 285.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#463696

#869636

Analogous

#365696

#763696

#463696

Triadic

#463696

#964636

#369646

Split Complementary

#463696

#967636

#569636

Tetradic

#463696

#963656

#869636

#369676

Color Blindness Simulation

Original

#463696

Protanopia

#3F3F7F

Deuteranopia

#404179

Tritanopia

#456C68

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAEC
300
#AFA5DF
400
#8374CD
500
#5743BC
600
#463696
700
#382B78
800
#2C225E
900
#231C45
950
#16122C

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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