#9687CC

#9687CC

Color Values

HEX

#9687CC

RGB

150, 135, 204

HSL

253,0, 40,4%, 66,5%

HSV

253,0, 33,8%, 80,0%

CMYK

26,5%, 33,8%, 0,0%, 20,0%

OKLCH

0,6635 0,1018 293,4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9687CC

#BDCC87

Analogous

#879BCC

#B987CC

#9687CC

Triadic

#9687CC

#CC9687

#87CC96

Split Complementary

#9687CC

#CCB987

#9BCC87

Tetradic

#9687CC

#CC879B

#BDCC87

#87CCB9

Color Blindness Simulation

Original

#9687CC

Protanopia

#908FBB

Deuteranopia

#9092B7

Tritanopia

#95AEAB

Achromatopsia

#8F8F8F

CSS Usage

background-color: #9687CC;
color: #9687CC;
border-color: #9687CC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D3CDEA
300
#B4A9DB
400
#8B7BC7
500
#624CB3
600
#4F3D8F
700
#3F3173
800
#31265A
900
#261F42
950
#18132A

Contrast Checker

Text on white

3,17:1

AA Fail AAA Fail

Text on black

6,63: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