#7550AB

#7550AB

Color Values

HEX

#7550AB

RGB

117, 80, 171

HSL

264.4, 36.3%, 49.2%

HSV

264.4, 53.2%, 67.1%

CMYK

31.6%, 53.2%, 0.0%, 32.9%

OKLCH

0.514 0.1416 300.2

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7550AB

#86AB50

Analogous

#5058AB

#A350AB

#7550AB

Triadic

#7550AB

#AB7550

#50AB75

Split Complementary

#7550AB

#ABA350

#58AB50

Tetradic

#7550AB

#AB5058

#86AB50

#50ABA3

Color Blindness Simulation

Original

#7550AB

Protanopia

#656595

Deuteranopia

#676A90

Tritanopia

#738480

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D9CEE8
300
#BEACD8
400
#9A7EC3
500
#7751AE
600
#5F418B
700
#4C346F
800
#3B2957
900
#2D2140
950
#1D1529

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026