#6554AF

#6554AF

Color Values

HEX

#6554AF

RGB

101, 84, 175

HSL

251.2, 36.3%, 50.8%

HSV

251.2, 52.0%, 68.6%

CMYK

42.3%, 52.0%, 0.0%, 31.4%

OKLCH

0.5081 0.1395 289.0

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#6554AF

#9EAF54

Analogous

#5471AF

#9354AF

#6554AF

Triadic

#6554AF

#AF6554

#54AF65

Split Complementary

#6554AF

#AF9354

#71AF54

Tetradic

#6554AF

#AF5471

#9EAF54

#54AF93

Color Blindness Simulation

Original

#6554AF

Protanopia

#5E5D99

Deuteranopia

#5F6094

Tritanopia

#648884

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D3CEE8
300
#B4ACD8
400
#8B7EC3
500
#6251AE
600
#4F418B
700
#3F346F
800
#312957
900
#272140
950
#181529

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026