#8C7DA4

#8C7DA4

Color Values

HEX

#8C7DA4

RGB

140, 125, 164

HSL

263.1, 17.6%, 56.7%

HSV

263.1, 23.8%, 64.3%

CMYK

14.6%, 23.8%, 0.0%, 35.7%

OKLCH

0.6173 0.0603 302.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8C7DA4

#95A47D

Analogous

#7D82A4

#A07DA4

#8C7DA4

Triadic

#8C7DA4

#A48C7D

#7DA48C

Split Complementary

#8C7DA4

#A4A07D

#82A47D

Tetradic

#8C7DA4

#A47D82

#95A47D

#7DA4A0

Color Blindness Simulation

Original

#8C7DA4

Protanopia

#86859B

Deuteranopia

#868898

Tritanopia

#8B9391

Achromatopsia

#838383

CSS Usage

background-color: #8C7DA4;
color: #8C7DA4;
border-color: #8C7DA4;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEAF0
200
#DAD5E2
300
#BFB7CD
400
#9D90B1
500
#7A6996
600
#625478
700
#4E4360
800
#3D354B
900
#2F2938
950
#1D1A23

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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