#45277C

#45277C

Color Values

HEX

#45277C

RGB

69, 39, 124

HSL

261.2, 52.1%, 32.0%

HSV

261.2, 68.5%, 48.6%

CMYK

44.4%, 68.5%, 0.0%, 51.4%

OKLCH

0.3617 0.1366 294.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#45277C

#5E7C27

Analogous

#27347C

#70277C

#45277C

Triadic

#45277C

#7C4527

#277C45

Split Complementary

#45277C

#7C7027

#347C27

Tetradic

#45277C

#7C2734

#5E7C27

#277C70

Color Blindness Simulation

Original

#45277C

Protanopia

#383867

Deuteranopia

#3A3C62

Tritanopia

#445754

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EBE5F5
200
#D6C9EE
300
#B8A2E2
400
#926FD2
500
#6C3DC2
600
#56319B
700
#45277C
800
#361F61
900
#2A1A47
950
#1A102D

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

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