#936686

#936686

Color Values

HEX

#936686

RGB

147, 102, 134

HSL

317.3, 18.1%, 48.8%

HSV

317.3, 30.6%, 57.6%

CMYK

0.0%, 30.6%, 8.8%, 42.4%

OKLCH

0.5677 0.073 337.6

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#936686

#669373

Analogous

#896693

#93666F

#936686

Triadic

#936686

#869366

#668693

Split Complementary

#936686

#6F9366

#669389

Tetradic

#936686

#938966

#669373

#666F93

Color Blindness Simulation

Original

#936686

Protanopia

#807F7E

Deuteranopia

#82867C

Tritanopia

#917877

Achromatopsia

#727272

CSS Usage

background-color: #936686;
color: #936686;
border-color: #936686;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB7C6
400
#B290A8
500
#976889
600
#78546E
700
#604358
800
#4B3445
900
#382934
950
#241A21

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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