#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

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