#550356

#550356

Color Values

HEX

#550356

RGB

85, 3, 86

HSL

299.3, 93.3%, 17.5%

HSV

299.3, 96.5%, 33.7%

CMYK

1.2%, 96.5%, 0.0%, 66.3%

OKLCH

0.3181 0.143 327.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#550356

#045603

Analogous

#2C0356

#56032E

#550356

Triadic

#550356

#565503

#035655

Split Complementary

#550356

#2E5603

#03562C

Tetradic

#550356

#562C03

#045603

#032E56

Color Blindness Simulation

Original

#550356

Protanopia

#313142

Deuteranopia

#363C3D

Tritanopia

#51322F

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#FA89FB
400
#F749F9
500
#F409F6
600
#C307C5
700
#9C059E
800
#7A047B
900
#580859
950
#380538

Contrast Checker

Text on white

13.69:1

AA Pass AAA Pass

Text on black

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