#977540

#977540

Color Values

HEX

#977540

RGB

151, 117, 64

HSL

36.6, 40.5%, 42.2%

HSV

36.6, 57.6%, 59.2%

CMYK

0.0%, 22.5%, 57.6%, 40.8%

OKLCH

0.5841 0.0824 77.1

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#977540

#406297

Analogous

#974A40

#8E9740

#977540

Triadic

#977540

#409775

#754097

Split Complementary

#977540

#408E97

#4A4097

Tetradic

#977540

#40974A

#406297

#97408E

Color Blindness Simulation

Original

#977540

Protanopia

#88884D

Deuteranopia

#8A8D50

Tritanopia

#955759

Achromatopsia

#787878

CSS Usage

background-color: #977540;
color: #977540;
border-color: #977540;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EADECD
300
#DBC7A9
400
#C7A97A
500
#B38B4C
600
#8F6F3D
700
#735931
800
#5A4526
900
#42341F
950
#2A2113

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026