#8C5F63

#8C5F63

Color Values

HEX

#8C5F63

RGB

140, 95, 99

HSL

354.7, 19.1%, 46.1%

HSV

354.7, 32.1%, 54.9%

CMYK

0.0%, 32.1%, 29.3%, 45.1%

OKLCH

0.5346 0.0591 13.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#8C5F63

#5F8C88

Analogous

#8C5F7A

#8C725F

#8C5F63

Triadic

#8C5F63

#638C5F

#5F638C

Split Complementary

#8C5F63

#5F8C72

#5F7A8C

Tetradic

#8C5F63

#7A8C5F

#5F8C88

#725F8C

Color Blindness Simulation

Original

#8C5F63

Protanopia

#797862

Deuteranopia

#7B7E62

Tritanopia

#8A6161

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D4D6
300
#CDB6B8
400
#B38F92
500
#98676B
600
#795356
700
#614245
800
#4C3436
900
#39282A
950
#24191A

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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