#8C7186

#8C7186

Color Values

HEX

#8C7186

RGB

140, 113, 134

HSL

313.3, 10.7%, 49.6%

HSV

313.3, 19.3%, 54.9%

CMYK

0.0%, 19.3%, 4.3%, 45.1%

OKLCH

0.5815 0.0454 334.0

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#8C7186

#718C77

Analogous

#84718C

#8C7178

#8C7186

Triadic

#8C7186

#868C71

#71868C

Split Complementary

#8C7186

#788C71

#718C84

Tetradic

#8C7186

#8C8471

#718C77

#71788C

Color Blindness Simulation

Original

#8C7186

Protanopia

#808081

Deuteranopia

#828480

Tritanopia

#8B7D7C

Achromatopsia

#787878

CSS Usage

background-color: #8C7186;
color: #8C7186;
border-color: #8C7186;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD7DD
300
#C8BBC5
400
#AB97A6
500
#8D7287
600
#715B6C
700
#5A4956
800
#473944
900
#352C33
950
#221C20

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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