#7F5F46

#7F5F46

Color Values

HEX

#7F5F46

RGB

127, 95, 70

HSL

26.3, 28.9%, 38.6%

HSV

26.3, 44.9%, 49.8%

CMYK

0.0%, 25.2%, 44.9%, 50.2%

OKLCH

0.512 0.0559 59.1

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7F5F46

#46667F

Analogous

#7F4649

#7F7B46

#7F5F46

Triadic

#7F5F46

#467F5F

#5F467F

Split Complementary

#7F5F46

#467F7B

#46497F

Tetradic

#7F5F46

#497F46

#46667F

#7B467F

Color Blindness Simulation

Original

#7F5F46

Protanopia

#71714C

Deuteranopia

#73754E

Tritanopia

#7D5152

Achromatopsia

#646464

CSS Usage

background-color: #7F5F46;
color: #7F5F46;
border-color: #7F5F46;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DAD1
300
#D3C0B0
400
#BC9D85
500
#A47B5B
600
#836249
700
#694F3A
800
#523D2D
900
#3D2F24
950
#271E17

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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