#993AC5

#993AC5

Color Values

HEX

#993AC5

RGB

153, 58, 197

HSL

281.0, 54.5%, 50.0%

HSV

281.0, 70.6%, 77.3%

CMYK

22.3%, 70.6%, 0.0%, 22.7%

OKLCH

0.5439 0.2119 312.8

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#993AC5

#66C53A

Analogous

#533AC5

#C53AAC

#993AC5

Triadic

#993AC5

#C5993A

#3AC599

Split Complementary

#993AC5

#ACC53A

#3AC553

Tetradic

#993AC5

#C5533A

#66C53A

#3AACC5

Color Blindness Simulation

Original

#993AC5

Protanopia

#706FA3

Deuteranopia

#757C9B

Tritanopia

#948983

Achromatopsia

#585858

CSS Usage

background-color: #993AC5;
color: #993AC5;
border-color: #993AC5;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E2C8EF
300
#CEA0E3
400
#B46DD4
500
#993AC5
600
#7A2E9E
700
#62257E
800
#4C1D62
900
#391948
950
#24102E

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026