#9336DA

#9336DA

Color Values

HEX

#9336DA

RGB

147, 54, 218

HSL

274.0, 68.9%, 53.3%

HSV

274.0, 75.2%, 85.5%

CMYK

32.6%, 75.2%, 0.0%, 14.5%

OKLCH

0.5476 0.2346 305.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#9336DA

#7DDA36

Analogous

#4136DA

#DA36CF

#9336DA

Triadic

#9336DA

#DA9336

#36DA93

Split Complementary

#9336DA

#CFDA36

#36DA41

Tetradic

#9336DA

#DA4136

#7DDA36

#36CFDA

Color Blindness Simulation

Original

#9336DA

Protanopia

#6B6AB2

Deuteranopia

#7077A9

Tritanopia

#8E938C

Achromatopsia

#565656

CSS Usage

background-color: #9336DA;
color: #9336DA;
border-color: #9336DA;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#DFC3F4
300
#C798EC
400
#A960E2
500
#8B28D7
600
#6F20AC
700
#59198A
800
#46146C
900
#34124E
950
#210C32

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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