#8B678F

#8B678F

Color Values

HEX

#8B678F

RGB

139, 103, 143

HSL

294.0, 16.3%, 48.2%

HSV

294.0, 28.0%, 56.1%

CMYK

2.8%, 28.0%, 0.0%, 43.9%

OKLCH

0.5644 0.0738 323.1

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#8B678F

#6B8F67

Analogous

#77678F

#8F677F

#8B678F

Triadic

#8B678F

#8F8B67

#678F8B

Split Complementary

#8B678F

#7F8F67

#678F77

Tetradic

#8B678F

#8F7767

#6B8F67

#677F8F

Color Blindness Simulation

Original

#8B678F

Protanopia

#7B7B85

Deuteranopia

#7E8083

Tritanopia

#897E7C

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#E0D5E1
300
#CAB8CC
400
#AD91B0
500
#906B94
600
#735577
700
#5C445F
800
#48354A
900
#362938
950
#221A23

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail 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