#9652B8

#9652B8

Color Values

HEX

#9652B8

RGB

150, 82, 184

HSL

280.0, 41.8%, 52.2%

HSV

280.0, 55.4%, 72.2%

CMYK

18.5%, 55.4%, 0.0%, 27.8%

OKLCH

0.562 0.1639 313.1

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9652B8

#74B852

Analogous

#6352B8

#B852A7

#9652B8

Triadic

#9652B8

#B89652

#52B896

Split Complementary

#9652B8

#A7B852

#52B863

Tetradic

#9652B8

#B86352

#74B852

#52A7B8

Color Blindness Simulation

Original

#9652B8

Protanopia

#79789F

Deuteranopia

#7C8299

Tritanopia

#938C88

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CCEA
300
#CAA8DB
400
#AE79C8
500
#914AB5
600
#743B91
700
#5D2F74
800
#49255A
900
#371E43
950
#22132A

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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