#553771

#553771

Color Values

HEX

#553771

RGB

85, 55, 113

HSL

271.0, 34.5%, 32.9%

HSV

271.0, 51.3%, 44.3%

CMYK

24.8%, 51.3%, 0.0%, 55.7%

OKLCH

0.399 0.0993 306.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#553771

#537137

Analogous

#383771

#713770

#553771

Triadic

#553771

#715537

#377155

Split Complementary

#553771

#707137

#377138

Tetradic

#553771

#713837

#537137

#377071

Color Blindness Simulation

Original

#553771

Protanopia

#484863

Deuteranopia

#4A4C60

Tritanopia

#545855

Achromatopsia

#424242

CSS Usage

background-color: #553771;
color: #553771;
border-color: #553771;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DCCFE8
300
#C3ADD7
400
#A280C1
500
#8154AB
600
#674389
700
#53356E
800
#402A56
900
#31213F
950
#1F1528

Contrast Checker

Text on white

9.67:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026