#9686CB

#9686CB

Color Values

HEX

#9686CB

RGB

150, 134, 203

HSL

253.9, 39.9%, 66.1%

HSV

253.9, 34.0%, 79.6%

CMYK

26.1%, 34.0%, 0.0%, 20.4%

OKLCH

0.6612 0.102 294.1

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#9686CB

#BBCB86

Analogous

#8699CB

#B986CB

#9686CB

Triadic

#9686CB

#CB9686

#86CB96

Split Complementary

#9686CB

#CBB986

#99CB86

Tetradic

#9686CB

#CB8699

#BBCB86

#86CBB9

Color Blindness Simulation

Original

#9686CB

Protanopia

#8F8FBA

Deuteranopia

#9091B6

Tritanopia

#95ADAA

Achromatopsia

#8E8E8E

CSS Usage

background-color: #9686CB;
color: #9686CB;
border-color: #9686CB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B5A9DA
400
#8C7BC6
500
#644DB2
600
#503D8F
700
#403172
800
#322659
900
#271F42
950
#19142A

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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