#866889

#866889

Color Values

HEX

#866889

RGB

134, 104, 137

HSL

294.5, 13.7%, 47.3%

HSV

294.5, 24.1%, 53.7%

CMYK

2.2%, 24.1%, 0.0%, 46.3%

OKLCH

0.5586 0.0614 323.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#866889

#6B8968

Analogous

#766889

#89687C

#866889

Triadic

#866889

#898668

#688986

Split Complementary

#866889

#7C8968

#688976

Tetradic

#866889

#897668

#6B8968

#687C89

Color Blindness Simulation

Original

#866889

Protanopia

#797981

Deuteranopia

#7B7D7F

Tritanopia

#847B79

Achromatopsia

#717171

CSS Usage

background-color: #866889;
color: #866889;
border-color: #866889;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD6E0
300
#C9B9CA
400
#AB94AE
500
#8E6E91
600
#715874
700
#5B465D
800
#473748
900
#352A36
950
#221B22

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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