#453696

#453696

Color Values

HEX

#453696

RGB

69, 54, 150

HSL

249.4, 47.1%, 40.0%

HSV

249.4, 64.0%, 58.8%

CMYK

54.0%, 64.0%, 0.0%, 41.2%

OKLCH

0.4078 0.1504 284.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#453696

#879636

Analogous

#365796

#753696

#453696

Triadic

#453696

#964536

#369645

Split Complementary

#453696

#967536

#579636

Tetradic

#453696

#963657

#879636

#369675

Color Blindness Simulation

Original

#453696

Protanopia

#3F3E7F

Deuteranopia

#3F4079

Tritanopia

#446C68

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAEC
300
#AEA5DF
400
#8274CD
500
#5643BC
600
#453696
700
#372B78
800
#2B225E
900
#221C45
950
#16122C

Contrast Checker

Text on white

9.45:1

AA Pass AAA Pass

Text on black

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