#8F6C75

#8F6C75

Color Values

HEX

#8F6C75

RGB

143, 108, 117

HSL

344.6, 13.9%, 49.2%

HSV

344.6, 24.5%, 56.1%

CMYK

0.0%, 24.5%, 18.2%, 43.9%

OKLCH

0.5689 0.0462 1.6

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#8F6C75

#6C8F86

Analogous

#8F6C86

#8F756C

#8F6C75

Triadic

#8F6C75

#758F6C

#6C758F

Split Complementary

#8F6C75

#6C8F75

#6C868F

Tetradic

#8F6C75

#868F6C

#6C8F86

#756C8F

Color Blindness Simulation

Original

#8F6C75

Protanopia

#808073

Deuteranopia

#828472

Tritanopia

#8D7171

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D6D9
300
#CAB9BE
400
#AE949A
500
#916E77
600
#74585F
700
#5D464C
800
#49373B
900
#372A2E
950
#221B1D

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026