#9B86BE

#9B86BE

Color Values

HEX

#9B86BE

RGB

155, 134, 190

HSL

262.5, 30.1%, 63.5%

HSV

262.5, 29.5%, 74.5%

CMYK

18.4%, 29.5%, 0.0%, 25.5%

OKLCH

0.6597 0.0847 301.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#9B86BE

#A9BE86

Analogous

#868DBE

#B786BE

#9B86BE

Triadic

#9B86BE

#BE9B86

#86BE9B

Split Complementary

#9B86BE

#BEB786

#8DBE86

Tetradic

#9B86BE

#BE868D

#A9BE86

#86BEB7

Color Blindness Simulation

Original

#9B86BE

Protanopia

#9292B0

Deuteranopia

#9395AD

Tritanopia

#9AA6A3

Achromatopsia

#8F8F8F

CSS Usage

background-color: #9B86BE;
color: #9B86BE;
border-color: #9B86BE;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BDAFD4
400
#9A84BD
500
#7659A6
600
#5E4785
700
#4B396A
800
#3B2D53
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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