#8F6472

#8F6472

Color Values

HEX

#8F6472

RGB

143, 100, 114

HSL

340.5, 17.7%, 47.6%

HSV

340.5, 30.1%, 56.1%

CMYK

0.0%, 30.1%, 20.3%, 43.9%

OKLCH

0.5523 0.0587 358.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#8F6472

#648F81

Analogous

#8F6487

#8F6B64

#8F6472

Triadic

#8F6472

#728F64

#64728F

Split Complementary

#8F6472

#648F6B

#64878F

Tetradic

#8F6472

#878F64

#648F81

#6B648F

Color Blindness Simulation

Original

#8F6472

Protanopia

#7C7C6F

Deuteranopia

#7F826E

Tritanopia

#8D6C6B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB7BE
400
#B1909B
500
#966978
600
#785460
700
#60434D
800
#4B343C
900
#38292E
950
#231A1D

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026