#985E60

#985E60

Color Values

HEX

#985E60

RGB

152, 94, 96

HSL

357.9, 23.6%, 48.2%

HSV

357.9, 38.2%, 59.6%

CMYK

0.0%, 38.2%, 36.8%, 40.4%

OKLCH

0.5466 0.0761 17.6

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#985E60

#5E9896

Analogous

#985E7D

#98795E

#985E60

Triadic

#985E60

#60985E

#5E6098

Split Complementary

#985E60

#5E9879

#5E7D98

Tetradic

#985E60

#7D985E

#5E9896

#795E98

Color Blindness Simulation

Original

#985E60

Protanopia

#7F7E60

Deuteranopia

#82875F

Tritanopia

#955F5F

Achromatopsia

#6A6A6A

CSS Usage

background-color: #985E60;
color: #985E60;
border-color: #985E60;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E4D3D3
300
#D0B3B4
400
#B78A8C
500
#9E6164
600
#7E4E50
700
#653E40
800
#4F3132
900
#3B2627
950
#251819

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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