#452560

#452560

Color Values

HEX

#452560

RGB

69, 37, 96

HSL

272.5, 44.4%, 26.1%

HSV

272.5, 61.5%, 37.6%

CMYK

28.1%, 61.5%, 0.0%, 62.4%

OKLCH

0.3367 0.1034 306.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#452560

#406025

Analogous

#272560

#60255E

#452560

Triadic

#452560

#604525

#256045

Split Complementary

#452560

#5E6025

#256027

Tetradic

#452560

#602725

#406025

#255E60

Color Blindness Simulation

Original

#452560

Protanopia

#373752

Deuteranopia

#393B4E

Tritanopia

#434644

Achromatopsia

#303030

CSS Usage

background-color: #452560;
color: #452560;
border-color: #452560;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEB
300
#C4A7DD
400
#A477CB
500
#8447B8
600
#6A3993
700
#552D76
800
#42235C
900
#321D44
950
#20122B

Contrast Checker

Text on white

12.45:1

AA Pass AAA Pass

Text on black

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