#551982

#551982

Color Values

HEX

#551982

RGB

85, 25, 130

HSL

274.3, 67.7%, 30.4%

HSV

274.3, 80.8%, 51.0%

CMYK

34.6%, 80.8%, 0.0%, 49.0%

OKLCH

0.3695 0.1634 305.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#551982

#468219

Analogous

#211982

#82197A

#551982

Triadic

#551982

#825519

#198255

Split Complementary

#551982

#7A8219

#198221

Tetradic

#551982

#822119

#468219

#197A82

Color Blindness Simulation

Original

#551982

Protanopia

#3B3A69

Deuteranopia

#3E4362

Tritanopia

#525550

Achromatopsia

#2D2D2D

CSS Usage

background-color: #551982;
color: #551982;
border-color: #551982;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC3F3
300
#C898EB
400
#AA61E1
500
#8C29D6
600
#7021AB
700
#5A1A89
800
#46156B
900
#35134E
950
#210C31

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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