#6450AB

#6450AB

Color Values

HEX

#6450AB

RGB

100, 80, 171

HSL

253.2, 36.3%, 49.2%

HSV

253.2, 53.2%, 67.1%

CMYK

41.5%, 53.2%, 0.0%, 32.9%

OKLCH

0.4973 0.14 290.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#6450AB

#97AB50

Analogous

#5069AB

#9150AB

#6450AB

Triadic

#6450AB

#AB6450

#50AB64

Split Complementary

#6450AB

#AB9150

#69AB50

Tetradic

#6450AB

#AB5069

#97AB50

#50AB91

Color Blindness Simulation

Original

#6450AB

Protanopia

#5B5B95

Deuteranopia

#5C5E90

Tritanopia

#638480

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CEE8
300
#B5ACD8
400
#8D7EC3
500
#6651AE
600
#51418B
700
#41346F
800
#332957
900
#282140
950
#191529

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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