#550F71

#550F71

Color Values

HEX

#550F71

RGB

85, 15, 113

HSL

282.9, 76.6%, 25.1%

HSV

282.9, 86.7%, 44.3%

CMYK

24.8%, 86.7%, 0.0%, 55.7%

OKLCH

0.3467 0.1563 313.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#550F71

#2B710F

Analogous

#240F71

#710F5C

#550F71

Triadic

#550F71

#71550F

#0F7155

Split Complementary

#550F71

#5C710F

#0F7124

Tetradic

#550F71

#71240F

#2B710F

#0F5C71

Color Blindness Simulation

Original

#550F71

Protanopia

#373659

Deuteranopia

#3B4054

Tritanopia

#524742

Achromatopsia

#252525

CSS Usage

background-color: #550F71;
color: #550F71;
border-color: #550F71;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FC
100
#F2E2F9
200
#E7C0F7
300
#D693F1
400
#C058E9
500
#A91EE1
600
#8818B4
700
#6C1390
800
#550F71
900
#3F0F52
950
#280A34

Contrast Checker

Text on white

12.4:1

AA Pass AAA Pass

Text on black

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