#8F86AA

#8F86AA

Color Values

HEX

#8F86AA

RGB

143, 134, 170

HSL

255.0, 17.5%, 59.6%

HSV

255.0, 21.2%, 66.7%

CMYK

15.9%, 21.2%, 0.0%, 33.3%

OKLCH

0.6407 0.0541 296.3

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8F86AA

#A1AA86

Analogous

#868FAA

#A186AA

#8F86AA

Triadic

#8F86AA

#AA8F86

#86AA8F

Split Complementary

#8F86AA

#AAA186

#8FAA86

Tetradic

#8F86AA

#AA868F

#A1AA86

#86AAA1

Color Blindness Simulation

Original

#8F86AA

Protanopia

#8B8BA1

Deuteranopia

#8C8C9F

Tritanopia

#8F9A99

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEAF0
200
#D8D5E2
300
#BCB7CD
400
#9890B1
500
#746996
600
#5D5478
700
#4A4360
800
#3A354B
900
#2D2938
950
#1C1A23

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

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