#8F5564

#8F5564

Color Values

HEX

#8F5564

RGB

143, 85, 100

HSL

344.5, 25.4%, 44.7%

HSV

344.5, 40.6%, 56.1%

CMYK

0.0%, 40.6%, 30.1%, 43.9%

OKLCH

0.52 0.0791 3.5

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#8F5564

#558F80

Analogous

#8F5581

#8F6355

#8F5564

Triadic

#8F5564

#648F55

#55648F

Split Complementary

#8F5564

#558F63

#55818F

Tetradic

#8F5564

#818F55

#558F80

#63558F

Color Blindness Simulation

Original

#8F5564

Protanopia

#767560

Deuteranopia

#797E60

Tritanopia

#8C5E5D

Achromatopsia

#626262

CSS Usage

background-color: #8F5564;
color: #8F5564;
border-color: #8F5564;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E4D2D7
300
#D1B2BA
400
#B98995
500
#A05F70
600
#804C59
700
#663D48
800
#503038
900
#3C252B
950
#26181B

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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