#550F70

#550F70

Color Values

HEX

#550F70

RGB

85, 15, 112

HSL

283.3, 76.4%, 24.9%

HSV

283.3, 86.6%, 43.9%

CMYK

24.1%, 86.6%, 0.0%, 56.1%

OKLCH

0.3459 0.1554 313.8

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#550F70

#2A700F

Analogous

#240F70

#700F5A

#550F70

Triadic

#550F70

#70550F

#0F7055

Split Complementary

#550F70

#5A700F

#0F7024

Tetradic

#550F70

#70240F

#2A700F

#0F5A70

Color Blindness Simulation

Original

#550F70

Protanopia

#373659

Deuteranopia

#3B4053

Tritanopia

#524642

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FAF2FC
100
#F2E2F9
200
#E7C0F7
300
#D793F1
400
#C159E9
500
#AB1EE1
600
#8918B4
700
#6D1390
800
#550F70
900
#3F0F52
950
#280A34

Contrast Checker

Text on white

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