#551459

#551459

Color Values

HEX

#551459

RGB

85, 20, 89

HSL

296.5, 63.3%, 21.4%

HSV

296.5, 77.5%, 34.9%

CMYK

4.5%, 77.5%, 0.0%, 65.1%

OKLCH

0.3328 0.129 325.5

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#551459

#185914

Analogous

#331459

#59143B

#551459

Triadic

#551459

#595514

#145955

Split Complementary

#551459

#3B5914

#145933

Tetradic

#551459

#593314

#185914

#143B59

Color Blindness Simulation

Original

#551459

Protanopia

#393848

Deuteranopia

#3D4244

Tritanopia

#523B38

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#EFC5F2
300
#E49BE9
400
#D565DC
500
#C72FD0
600
#9F25A7
700
#7F1E85
800
#631768
900
#49154C
950
#2E0D30

Contrast Checker

Text on white

12.88:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026