#893399

#893399

Color Values

HEX

#893399

RGB

137, 51, 153

HSL

290.6, 50.0%, 40.0%

HSV

290.6, 66.7%, 60.0%

CMYK

10.5%, 66.7%, 0.0%, 40.0%

OKLCH

0.486 0.173 321.0

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#893399

#439933

Analogous

#563399

#993376

#893399

Triadic

#893399

#998933

#339989

Split Complementary

#893399

#769933

#339956

Tetradic

#893399

#995633

#439933

#337699

Color Blindness Simulation

Original

#893399

Protanopia

#646380

Deuteranopia

#696F7A

Tritanopia

#856D69

Achromatopsia

#4D4D4D

CSS Usage

background-color: #893399;
color: #893399;
border-color: #893399;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FB
100
#F2E6F5
200
#E8C9ED
300
#D7A3E0
400
#C171D0
500
#AB40BF
600
#893399
700
#6E297A
800
#562060
900
#3F1B46
950
#28112C

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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