#975F35

#975F35

Color Values

HEX

#975F35

RGB

151, 95, 53

HSL

25.7, 48.0%, 40.0%

HSV

25.7, 64.9%, 59.2%

CMYK

0.0%, 37.1%, 64.9%, 40.8%

OKLCH

0.5385 0.0928 56.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#975F35

#356D97

Analogous

#97353C

#979035

#975F35

Triadic

#975F35

#35975F

#5F3597

Split Complementary

#975F35

#359790

#353C97

Tetradic

#975F35

#3C9735

#356D97

#903597

Color Blindness Simulation

Original

#975F35

Protanopia

#7F7E3F

Deuteranopia

#828642

Tritanopia

#944749

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CA
300
#DFBEA4
400
#CE9A73
500
#BD7742
600
#975F35
700
#794C2A
800
#5E3B21
900
#452D1C
950
#2C1D11

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail 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