#8F5563

#8F5563

Color Values

HEX

#8F5563

RGB

143, 85, 99

HSL

345.5, 25.4%, 44.7%

HSV

345.5, 40.6%, 56.1%

CMYK

0.0%, 40.6%, 30.8%, 43.9%

OKLCH

0.5197 0.0788 4.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#8F5563

#558F81

Analogous

#8F5580

#8F6455

#8F5563

Triadic

#8F5563

#638F55

#55638F

Split Complementary

#8F5563

#558F64

#55808F

Tetradic

#8F5563

#808F55

#558F81

#64558F

Color Blindness Simulation

Original

#8F5563

Protanopia

#767560

Deuteranopia

#797E5F

Tritanopia

#8C5D5C

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D2D7
300
#D1B2BA
400
#B98994
500
#A05F6F
600
#804C59
700
#663D47
800
#503037
900
#3C252B
950
#26181B

Contrast Checker

Text on white

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