#550778

#550778

Color Values

HEX

#550778

RGB

85, 7, 120

HSL

281.4, 89.0%, 24.9%

HSV

281.4, 94.2%, 47.1%

CMYK

29.2%, 94.2%, 0.0%, 52.9%

OKLCH

0.3479 0.1683 310.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#550778

#2A7807

Analogous

#1C0778

#780763

#550778

Triadic

#550778

#785507

#077855

Split Complementary

#550778

#637807

#07781C

Tetradic

#550778

#781C07

#2A7807

#076378

Color Blindness Simulation

Original

#550778

Protanopia

#33335D

Deuteranopia

#383E56

Tritanopia

#514742

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F2E0FB
200
#E7BCFB
300
#D68BF8
400
#C14DF5
500
#AB0EF1
600
#880BC1
700
#6D099A
800
#550778
900
#3F0A57
950
#280637

Contrast Checker

Text on white

12.44:1

AA Pass AAA Pass

Text on black

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