#454097

#454097

Color Values

HEX

#454097

RGB

69, 64, 151

HSL

243.4, 40.5%, 42.2%

HSV

243.4, 57.6%, 59.2%

CMYK

54.3%, 57.6%, 0.0%, 40.8%

OKLCH

0.4265 0.138 281.4

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#454097

#929740

Analogous

#406797

#714097

#454097

Triadic

#454097

#974540

#409745

Split Complementary

#454097

#977140

#679740

Tetradic

#454097

#974067

#929740

#409771

Color Blindness Simulation

Original

#454097

Protanopia

#434382

Deuteranopia

#43447D

Tritanopia

#45716E

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDEA
300
#ACA9DB
400
#7F7AC7
500
#524CB3
600
#413D8F
700
#343173
800
#29265A
900
#211F42
950
#15132A

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026