#993FE6

#993FE6

Color Values

HEX

#993FE6

RGB

153, 63, 230

HSL

272,3, 77,0%, 57,5%

HSV

272,3, 72,6%, 90,2%

CMYK

33,5%, 72,6%, 0,0%, 9,8%

OKLCH

0,5728 0,238 304,3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#993FE6

#8CE63F

Analogous

#463FE6

#E63FE0

#993FE6

Triadic

#993FE6

#E6993F

#3FE699

Split Complementary

#993FE6

#E0E63F

#3FE646

Tetradic

#993FE6

#E6463F

#8CE63F

#3FE0E6

Color Blindness Simulation

Original

#993FE6

Protanopia

#7271BE

Deuteranopia

#777EB4

Tritanopia

#949E97

Achromatopsia

#5E5E5E

CSS Usage

background-color: #993FE6;
color: #993FE6;
border-color: #993FE6;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C593F1
400
#A658E9
500
#871DE2
600
#6C17B5
700
#561390
800
#440F71
900
#330F52
950
#200934

Contrast Checker

Text on white

4,99:1

AA Pass AAA Fail

Text on black

4,21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026