#953BA2

#953BA2

Color Values

HEX

#953BA2

RGB

149, 59, 162

HSL

292.4, 46.6%, 43.3%

HSV

292.4, 63.6%, 63.5%

CMYK

8.0%, 63.6%, 0.0%, 36.5%

OKLCH

0.5174 0.176 322.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#953BA2

#48A23B

Analogous

#613BA2

#A23B7B

#953BA2

Triadic

#953BA2

#A2953B

#3BA295

Split Complementary

#953BA2

#7BA23B

#3BA261

Tetradic

#953BA2

#A2613B

#48A23B

#3B7BA2

Color Blindness Simulation

Original

#953BA2

Protanopia

#6E6D89

Deuteranopia

#737A83

Tritanopia

#907571

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F2E6F4
200
#E8CBEC
300
#D7A5DE
400
#C175CD
500
#AC44BB
600
#893696
700
#6E2C78
800
#56225D
900
#401C45
950
#28122B

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026