#86659F

#86659F

Color Values

HEX

#86659F

RGB

134, 101, 159

HSL

274.1, 23.2%, 51.0%

HSV

274.1, 36.5%, 62.4%

CMYK

15.7%, 36.5%, 0.0%, 37.6%

OKLCH

0.5625 0.0947 309.7

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#86659F

#7E9F65

Analogous

#69659F

#9F659B

#86659F

Triadic

#86659F

#9F8665

#659F86

Split Complementary

#86659F

#9B9F65

#659F69

Tetradic

#86659F

#9F6965

#7E9F65

#659B9F

Color Blindness Simulation

Original

#86659F

Protanopia

#787791

Deuteranopia

#7A7C8E

Tritanopia

#848683

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF1
200
#DCD3E4
300
#C4B4D0
400
#A48BB7
500
#84629D
600
#694E7E
700
#543F65
800
#42314F
900
#32263B
950
#1F1825

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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