#9436DB

#9436DB

Color Values

HEX

#9436DB

RGB

148, 54, 219

HSL

274.2, 69.6%, 53.5%

HSV

274.2, 75.3%, 85.9%

CMYK

32.4%, 75.3%, 0.0%, 14.1%

OKLCH

0.5496 0.2357 305.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#9436DB

#7DDB36

Analogous

#4136DB

#DB36CF

#9436DB

Triadic

#9436DB

#DB9436

#36DB94

Split Complementary

#9436DB

#CFDB36

#36DB41

Tetradic

#9436DB

#DB4136

#7DDB36

#36CFDB

Color Blindness Simulation

Original

#9436DB

Protanopia

#6B6AB3

Deuteranopia

#7178A9

Tritanopia

#8F948D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026