#550986

#550986

Color Values

HEX

#550986

RGB

85, 9, 134

HSL

276.5, 87.4%, 28.0%

HSV

276.5, 93.3%, 52.5%

CMYK

36.6%, 93.3%, 0.0%, 47.5%

OKLCH

0.3617 0.1796 305.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#550986

#3A8609

Analogous

#170986

#860978

#550986

Triadic

#550986

#865509

#098655

Split Complementary

#550986

#788609

#098617

Tetradic

#550986

#861709

#3A8609

#097886

Color Blindness Simulation

Original

#550986

Protanopia

#343368

Deuteranopia

#383E60

Tritanopia

#51504B

Achromatopsia

#222222

CSS Usage

background-color: #550986;
color: #550986;
border-color: #550986;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BCFB
300
#CD8CF7
400
#B34EF3
500
#9810EF
600
#790DBF
700
#610A99
800
#4C0877
900
#390A57
950
#240737

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026