#86679B

#86679B

Color Values

HEX

#86679B

RGB

134, 103, 155

HSL

275.8, 20.6%, 50.6%

HSV

275.8, 33.5%, 60.8%

CMYK

13.5%, 33.5%, 0.0%, 39.2%

OKLCH

0.5644 0.0858 311.0

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#86679B

#7C9B67

Analogous

#6C679B

#9B6796

#86679B

Triadic

#86679B

#9B8667

#679B86

Split Complementary

#86679B

#969B67

#679B6C

Tetradic

#86679B

#9B6C67

#7C9B67

#67969B

Color Blindness Simulation

Original

#86679B

Protanopia

#79788E

Deuteranopia

#7A7D8B

Tritanopia

#848482

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E3
300
#C4B5CE
400
#A48DB4
500
#85659A
600
#6A517B
700
#554162
800
#42334D
900
#322739
950
#201924

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026