#974D45

#974D45

Color Values

HEX

#974D45

RGB

151, 77, 69

HSL

5.9, 37.3%, 43.1%

HSV

5.9, 54.3%, 59.2%

CMYK

0.0%, 49.0%, 54.3%, 40.8%

OKLCH

0.509 0.1007 27.5

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#974D45

#458F97

Analogous

#974566

#977645

#974D45

Triadic

#974D45

#45974D

#4D4597

Split Complementary

#974D45

#459776

#456697

Tetradic

#974D45

#669745

#458F97

#764597

Color Blindness Simulation

Original

#974D45

Protanopia

#777647

Deuteranopia

#7B8147

Tritanopia

#934849

Achromatopsia

#5C5C5C

CSS Usage

background-color: #974D45;
color: #974D45;
border-color: #974D45;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CE
300
#D9AFAB
400
#C4847D
500
#AF5950
600
#8C4740
700
#703933
800
#582D28
900
#412320
950
#291614

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026