#9C987E

#9C987E

Color Values

HEX

#9C987E

RGB

156, 152, 126

HSL

52.0, 13.2%, 55.3%

HSV

52.0, 19.2%, 61.2%

CMYK

0.0%, 2.6%, 19.2%, 38.8%

OKLCH

0.6759 0.0371 100.1

Properties

Warm Light Nearest: RAL 7030 Stone Grey

Color Harmonies

Complementary

#9C987E

#7E829C

Analogous

#9C897E

#919C7E

#9C987E

Triadic

#9C987E

#7E9C98

#987E9C

Split Complementary

#9C987E

#7E919C

#897E9C

Tetradic

#9C987E

#7E9C89

#7E829C

#9C7E91

Color Blindness Simulation

Original

#9C987E

Protanopia

#9A9A84

Deuteranopia

#9A9B86

Tritanopia

#9C898A

Achromatopsia

#979797

CSS Usage

background-color: #9C987E;
color: #9C987E;
border-color: #9C987E;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD7
300
#CAC8BA
400
#ADAA94
500
#908C6F
600
#737059
700
#5C5947
800
#484637
900
#36352B
950
#22211B

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.21:1

AA Pass AAA Pass

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