#9536DB

#9536DB

Color Values

HEX

#9536DB

RGB

149, 54, 219

HSL

274,5, 69,6%, 53,5%

HSV

274,5, 75,3%, 85,9%

CMYK

32,0%, 75,3%, 0,0%, 14,1%

OKLCH

0,5508 0,236 306,1

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#9536DB

#7CDB36

Analogous

#4236DB

#DB36CF

#9536DB

Triadic

#9536DB

#DB9536

#36DB95

Split Complementary

#9536DB

#CFDB36

#36DB42

Tetradic

#9536DB

#DB4236

#7CDB36

#36CFDB

Color Blindness Simulation

Original

#9536DB

Protanopia

#6C6BB3

Deuteranopia

#7178A9

Tritanopia

#90948D

Achromatopsia

#565656

CSS Usage

background-color: #9536DB;
color: #9536DB;
border-color: #9536DB;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#DFC2F4
300
#C897EC
400
#AB5FE2
500
#8D27D8
600
#711FAD
700
#5A198A
800
#46136C
900
#35124F
950
#210B32

Contrast Checker

Text on white

5,49:1

AA Pass AAA Fail

Text on black

3,83: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