#8F5558

#8F5558

Color Values

HEX

#8F5558

RGB

143, 85, 88

HSL

356.9, 25.4%, 44.7%

HSV

356.9, 40.6%, 56.1%

CMYK

0.0%, 40.6%, 38.5%, 43.9%

OKLCH

0.5165 0.0773 16.8

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#8F5558

#558F8C

Analogous

#8F5575

#8F6F55

#8F5558

Triadic

#8F5558

#588F55

#55588F

Split Complementary

#8F5558

#558F6F

#55758F

Tetradic

#8F5558

#758F55

#558F8C

#6F558F

Color Blindness Simulation

Original

#8F5558

Protanopia

#767557

Deuteranopia

#797E57

Tritanopia

#8C5757

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D2D3
300
#D1B2B4
400
#B9898B
500
#A05F62
600
#804C4F
700
#663D3F
800
#503031
900
#3C2527
950
#261818

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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