#9186AB

#9186AB

Color Values

HEX

#9186AB

RGB

145, 134, 171

HSL

257.8, 18.0%, 59.8%

HSV

257.8, 21.6%, 67.1%

CMYK

15.2%, 21.6%, 0.0%, 32.9%

OKLCH

0.6428 0.0559 298.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#9186AB

#A0AB86

Analogous

#868EAB

#A386AB

#9186AB

Triadic

#9186AB

#AB9186

#86AB91

Split Complementary

#9186AB

#ABA386

#8EAB86

Tetradic

#9186AB

#AB868E

#A0AB86

#86ABA3

Color Blindness Simulation

Original

#9186AB

Protanopia

#8C8CA2

Deuteranopia

#8D8EA0

Tritanopia

#909B99

Achromatopsia

#8B8B8B

CSS Usage

background-color: #9186AB;
color: #9186AB;
border-color: #9186AB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BDB7CD
400
#9A90B2
500
#766996
600
#5F5478
700
#4C4360
800
#3B344B
900
#2D2938
950
#1D1A24

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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