#552587

#552587

Color Values

HEX

#552587

RGB

85, 37, 135

HSL

269.4, 57.0%, 33.7%

HSV

269.4, 72.6%, 52.9%

CMYK

37.0%, 72.6%, 0.0%, 47.1%

OKLCH

0.387 0.1548 301.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#552587

#578725

Analogous

#252687

#862587

#552587

Triadic

#552587

#875525

#258755

Split Complementary

#552587

#878625

#268725

Tetradic

#552587

#872526

#578725

#258786

Color Blindness Simulation

Original

#552587

Protanopia

#40406F

Deuteranopia

#43476A

Tritanopia

#535D58

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC7F0
300
#C19FE5
400
#A06BD6
500
#7E37C8
600
#652CA0
700
#512380
800
#3F1B64
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

10.5:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026