#7F5D2C

#7F5D2C

Color Values

HEX

#7F5D2C

RGB

127, 93, 44

HSL

35.4, 48.5%, 33.5%

HSV

35.4, 65.4%, 49.8%

CMYK

0.0%, 26.8%, 65.4%, 50.2%

OKLCH

0.5034 0.0792 74.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F5D2C

#2C4E7F

Analogous

#7F332C

#777F2C

#7F5D2C

Triadic

#7F5D2C

#2C7F5D

#5D2C7F

Split Complementary

#7F5D2C

#2C777F

#332C7F

Tetradic

#7F5D2C

#2C7F33

#2C4E7F

#7F2C77

Color Blindness Simulation

Original

#7F5D2C

Protanopia

#707038

Deuteranopia

#72753B

Tritanopia

#7D4143

Achromatopsia

#616161

CSS Usage

background-color: #7F5D2C;
color: #7F5D2C;
border-color: #7F5D2C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDECA
300
#DFC7A4
400
#CEA973
500
#BD8B42
600
#976F35
700
#79592A
800
#5F4521
900
#46341B
950
#2C2111

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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