#8F647F

#8F647F

Color Values

HEX

#8F647F

RGB

143, 100, 127

HSL

322.3, 17.7%, 47.6%

HSV

322.3, 30.1%, 56.1%

CMYK

0.0%, 30.1%, 11.2%, 43.9%

OKLCH

0.5568 0.067 341.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#8F647F

#648F74

Analogous

#89648F

#8F6469

#8F647F

Triadic

#8F647F

#7F8F64

#647F8F

Split Complementary

#8F647F

#698F64

#648F89

Tetradic

#8F647F

#8F8964

#648F74

#64698F

Color Blindness Simulation

Original

#8F647F

Protanopia

#7C7C78

Deuteranopia

#7F8277

Tritanopia

#8D7372

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB7C5
400
#B190A5
500
#966985
600
#78546B
700
#604355
800
#4B3443
900
#382932
950
#231A20

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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