#893B82

#893B82

Color Values

HEX

#893B82

RGB

137, 59, 130

HSL

305.4, 39.8%, 38.4%

HSV

305.4, 56.9%, 53.7%

CMYK

0.0%, 56.9%, 5.1%, 46.3%

OKLCH

0.483 0.1397 331.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#893B82

#3B8942

Analogous

#693B89

#893B5B

#893B82

Triadic

#893B82

#82893B

#3B8289

Split Complementary

#893B82

#5B893B

#3B8969

Tetradic

#893B82

#89693B

#3B8942

#3B5B89

Color Blindness Simulation

Original

#893B82

Protanopia

#676771

Deuteranopia

#6C726D

Tritanopia

#856360

Achromatopsia

#515151

CSS Usage

background-color: #893B82;
color: #893B82;
border-color: #893B82;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE7
300
#DAA9D6
400
#C67BBF
500
#B24DA9
600
#8F3D87
700
#72316C
800
#592655
900
#421F3F
950
#2A1428

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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