#551C50

#551C50

Color Values

HEX

#551C50

RGB

85, 28, 80

HSL

305.3, 50.4%, 22.2%

HSV

305.3, 67.1%, 33.3%

CMYK

0.0%, 67.1%, 5.9%, 66.7%

OKLCH

0.3363 0.1093 331.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#551C50

#1C5521

Analogous

#3E1C55

#551C34

#551C50

Triadic

#551C50

#50551C

#1C5055

Split Complementary

#551C50

#34551C

#1C553E

Tetradic

#551C50

#553E1C

#1C5521

#1C3455

Color Blindness Simulation

Original

#551C50

Protanopia

#3C3C43

Deuteranopia

#404440

Tritanopia

#523937

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDC9EA
300
#E1A3DB
400
#D071C8
500
#C03FB4
600
#993390
700
#7B2873
800
#60205A
900
#461A43
950
#2C112A

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

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