#453778

#453778

Color Values

HEX

#453778

RGB

69, 55, 120

HSL

252.9, 37.1%, 34.3%

HSV

252.9, 54.2%, 47.1%

CMYK

42.5%, 54.2%, 0.0%, 52.9%

OKLCH

0.3864 0.1067 290.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#453778

#6A7837

Analogous

#374A78

#653778

#453778

Triadic

#453778

#784537

#377845

Split Complementary

#453778

#786537

#4A7837

Tetradic

#453778

#78374A

#6A7837

#377865

Color Blindness Simulation

Original

#453778

Protanopia

#3F3F68

Deuteranopia

#404164

Tritanopia

#445C59

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CEE9
300
#B5ABD9
400
#8D7EC4
500
#6550AF
600
#50408C
700
#403370
800
#322857
900
#272041
950
#191429

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026