#453F96

#453F96

Color Values

HEX

#453F96

RGB

69, 63, 150

HSL

244.1, 40.8%, 41.8%

HSV

244.1, 58.0%, 58.8%

CMYK

54.0%, 58.0%, 0.0%, 41.2%

OKLCH

0.4238 0.138 281.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#453F96

#90963F

Analogous

#3F6596

#713F96

#453F96

Triadic

#453F96

#96453F

#3F9645

Split Complementary

#453F96

#96713F

#65963F

Tetradic

#453F96

#963F65

#90963F

#3F9671

Color Blindness Simulation

Original

#453F96

Protanopia

#424281

Deuteranopia

#43437C

Tritanopia

#45706D

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDEA
300
#ACA9DB
400
#7F7AC7
500
#534BB4
600
#423C90
700
#353073
800
#29265A
900
#211F42
950
#15132A

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

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