#553755

#553755

Color Values

HEX

#553755

RGB

85, 55, 85

HSL

300.0, 21.4%, 27.5%

HSV

300.0, 35.3%, 33.3%

CMYK

0.0%, 35.3%, 0.0%, 66.7%

OKLCH

0.3837 0.063 326.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#553755

#375537

Analogous

#463755

#553746

#553755

Triadic

#553755

#555537

#375555

Split Complementary

#553755

#465537

#375546

Tetradic

#553755

#554637

#375537

#374655

Color Blindness Simulation

Original

#553755

Protanopia

#48484E

Deuteranopia

#4A4C4C

Tritanopia

#544847

Achromatopsia

#404040

CSS Usage

background-color: #553755;
color: #553755;
border-color: #553755;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E3
300
#CFB5CF
400
#B58CB5
500
#9B649B
600
#7C507C
700
#634063
800
#4D324D
900
#3A273A
950
#241924

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026