#9D46EE

#9D46EE

Color Values

HEX

#9D46EE

RGB

157, 70, 238

HSL

271.1, 83.2%, 60.4%

HSV

271.1, 70.6%, 93.3%

CMYK

34.0%, 70.6%, 0.0%, 6.7%

OKLCH

0.5907 0.239 303.4

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#9D46EE

#97EE46

Analogous

#4946EE

#EE46EB

#9D46EE

Triadic

#9D46EE

#EE9D46

#46EE9D

Split Complementary

#9D46EE

#EBEE46

#46EE49

Tetradic

#9D46EE

#EE4946

#97EE46

#46EBEE

Color Blindness Simulation

Original

#9D46EE

Protanopia

#7777C5

Deuteranopia

#7C83BC

Tritanopia

#99A59E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DCBEF9
300
#C48FF5
400
#A452EF
500
#8315EA
600
#6911BB
700
#540E95
800
#420B75
900
#320C55
950
#1F0836

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

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