#893F85

#893F85

Color Values

HEX

#893F85

RGB

137, 63, 133

HSL

303.2, 37.0%, 39.2%

HSV

303.2, 54.0%, 53.7%

CMYK

0.0%, 54.0%, 2.9%, 46.3%

OKLCH

0.49 0.1358 329.5

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#893F85

#3F8943

Analogous

#683F89

#893F60

#893F85

Triadic

#893F85

#85893F

#3F8589

Split Complementary

#893F85

#60893F

#3F8968

Tetradic

#893F85

#89683F

#3F8943

#3F6089

Color Blindness Simulation

Original

#893F85

Protanopia

#696874

Deuteranopia

#6D7370

Tritanopia

#856764

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F2
200
#E9CEE7
300
#D8ABD6
400
#C47EC0
500
#AF50AA
600
#8C4088
700
#70336D
800
#572855
900
#41203F
950
#291428

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

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