#550457

#550457

Color Values

HEX

#550457

RGB

85, 4, 87

HSL

298.6, 91.2%, 17.8%

HSV

298.6, 95.4%, 34.1%

CMYK

2.3%, 95.4%, 0.0%, 65.9%

OKLCH

0.3195 0.1429 327.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#550457

#065704

Analogous

#2B0457

#57042F

#550457

Triadic

#550457

#575504

#045755

Split Complementary

#550457

#2F5704

#04572B

Tetradic

#550457

#572B04

#065704

#042F57

Color Blindness Simulation

Original

#550457

Protanopia

#323143

Deuteranopia

#373D3E

Tritanopia

#513330

Achromatopsia

#1B1B1B

CSS Usage

background-color: #550457;
color: #550457;
border-color: #550457;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABBFC
300
#F78AFA
400
#F34BF7
500
#EE0BF4
600
#BF09C3
700
#99079C
800
#77067A
900
#560958
950
#370538

Contrast Checker

Text on white

13.63:1

AA Pass AAA Pass

Text on black

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