#454095

#454095

Color Values

HEX

#454095

RGB

69, 64, 149

HSL

243.5, 39.9%, 41.8%

HSV

243.5, 57.0%, 58.4%

CMYK

53.7%, 57.0%, 0.0%, 41.6%

OKLCH

0.4249 0.1352 281.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#454095

#909540

Analogous

#406695

#704095

#454095

Triadic

#454095

#954540

#409545

Split Complementary

#454095

#957040

#669540

Tetradic

#454095

#954066

#909540

#409570

Color Blindness Simulation

Original

#454095

Protanopia

#434380

Deuteranopia

#43447C

Tritanopia

#45706D

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDEA
300
#ACA9DA
400
#7F7BC6
500
#534DB2
600
#423D8F
700
#353172
800
#292659
900
#211F42
950
#15142A

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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