#97564C

#97564C

Color Values

HEX

#97564C

RGB

151, 86, 76

HSL

8.0, 33.0%, 44.5%

HSV

8.0, 49.7%, 59.2%

CMYK

0.0%, 43.0%, 49.7%, 40.8%

OKLCH

0.526 0.0883 29.6

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#97564C

#4C8D97

Analogous

#974C67

#977B4C

#97564C

Triadic

#97564C

#4C9756

#564C97

Split Complementary

#97564C

#4C977B

#4C6797

Tetradic

#97564C

#67974C

#4C8D97

#7B4C97

Color Blindness Simulation

Original

#97564C

Protanopia

#7B7A4E

Deuteranopia

#7F844F

Tritanopia

#945051

Achromatopsia

#636363

CSS Usage

background-color: #97564C;
color: #97564C;
border-color: #97564C;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#F9F6F5
100
#F2E9E8
200
#E7D3D0
300
#D6B3AE
400
#C08A82
500
#AA6155
600
#884D44
700
#6D3E37
800
#55302B
900
#3F2622
950
#281816

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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