#9684D3

#9684D3

Color Values

HEX

#9684D3

RGB

150, 132, 211

HSL

253.7, 47.3%, 67.3%

HSV

253.7, 37.4%, 82.7%

CMYK

28.9%, 37.4%, 0.0%, 17.3%

OKLCH

0.6612 0.1163 293.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9684D3

#C1D384

Analogous

#849AD3

#BE84D3

#9684D3

Triadic

#9684D3

#D39684

#84D396

Split Complementary

#9684D3

#D3BE84

#9AD384

Tetradic

#9684D3

#D3849A

#C1D384

#84D3BE

Color Blindness Simulation

Original

#9684D3

Protanopia

#8E8EC0

Deuteranopia

#8F91BB

Tritanopia

#95B1AD

Achromatopsia

#8E8E8E

CSS Usage

background-color: #9684D3;
color: #9684D3;
border-color: #9684D3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F4FA
100
#E9E6F4
200
#D2CAEC
300
#B2A5DF
400
#8874CD
500
#5F43BC
600
#4C3696
700
#3D2B78
800
#2F225E
900
#251C45
950
#18122C

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026