#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

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