#9D4CF6

#9D4CF6

Color Values

HEX

#9D4CF6

RGB

157, 76, 246

HSL

268.6, 90.4%, 63.1%

HSV

268.6, 69.1%, 96.5%

CMYK

36.2%, 69.1%, 0.0%, 3.5%

OKLCH

0.6034 0.2403 301.2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#9D4CF6

#A5F64C

Analogous

#4C50F6

#F24CF6

#9D4CF6

Triadic

#9D4CF6

#F69D4C

#4CF69D

Split Complementary

#9D4CF6

#F6F24C

#50F64C

Tetradic

#9D4CF6

#F64C50

#A5F64C

#4CF6F2

Color Blindness Simulation

Original

#9D4CF6

Protanopia

#7A79CD

Deuteranopia

#7F85C3

Tritanopia

#99ACA5

Achromatopsia

#696969

CSS Usage

background-color: #9D4CF6;
color: #9D4CF6;
border-color: #9D4CF6;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABBFC
300
#BF8AF9
400
#9D4BF6
500
#7A0CF3
600
#620AC2
700
#4E089B
800
#3D0679
900
#2F0958
950
#1D0637

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.8:1

AA Pass 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