#7F5D33

#7F5D33

Color Values

HEX

#7F5D33

RGB

127, 93, 51

HSL

33.2, 42.7%, 34.9%

HSV

33.2, 59.8%, 49.8%

CMYK

0.0%, 26.8%, 59.8%, 50.2%

OKLCH

0.5043 0.0732 70.7

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#7F5D33

#33557F

Analogous

#7F3733

#7B7F33

#7F5D33

Triadic

#7F5D33

#337F5D

#5D337F

Split Complementary

#7F5D33

#337B7F

#37337F

Tetradic

#7F5D33

#337F37

#33557F

#7F337B

Color Blindness Simulation

Original

#7F5D33

Protanopia

#70703D

Deuteranopia

#727540

Tritanopia

#7D4547

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDDCC
300
#DCC5A8
400
#C9A578
500
#B68549
600
#926B3A
700
#74552F
800
#5B4325
900
#43321E
950
#2A2013

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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