#550856

#550856

Color Values

HEX

#550856

RGB

85, 8, 86

HSL

299.2, 83.0%, 18.4%

HSV

299.2, 90.7%, 33.7%

CMYK

1.2%, 90.7%, 0.0%, 66.3%

OKLCH

0.3214 0.1386 327.6

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#550856

#095608

Analogous

#2E0856

#560830

#550856

Triadic

#550856

#565508

#085655

Split Complementary

#550856

#305608

#08562E

Tetradic

#550856

#562E08

#095608

#083056

Color Blindness Simulation

Original

#550856

Protanopia

#343343

Deuteranopia

#383E3F

Tritanopia

#513431

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF9
300
#F38FF5
400
#ED52EF
500
#E716E9
600
#B811BB
700
#940E95
800
#730B75
900
#540C55
950
#350835

Contrast Checker

Text on white

13.5:1

AA Pass AAA Pass

Text on black

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