#953393

#953393

Color Values

HEX

#953393

RGB

149, 51, 147

HSL

301.2, 49.0%, 39.2%

HSV

301.2, 65.8%, 58.4%

CMYK

0.0%, 65.8%, 1.3%, 41.6%

OKLCH

0.4998 0.1739 328.6

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#953393

#339535

Analogous

#663395

#953362

#953393

Triadic

#953393

#939533

#339395

Split Complementary

#953393

#629533

#339566

Tetradic

#953393

#956633

#339535

#336295

Color Blindness Simulation

Original

#953393

Protanopia

#6B6A7C

Deuteranopia

#707876

Tritanopia

#906965

Achromatopsia

#4F4F4F

CSS Usage

background-color: #953393;
color: #953393;
border-color: #953393;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDCAEC
300
#E0A4DF
400
#CF72CD
500
#BE41BB
600
#983496
700
#7A2A78
800
#5F215E
900
#461B45
950
#2C112C

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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