#7F4D3F

#7F4D3F

Color Values

HEX

#7F4D3F

RGB

127, 77, 63

HSL

13.1, 33.7%, 37.3%

HSV

13.1, 50.4%, 49.8%

CMYK

0.0%, 39.4%, 50.4%, 50.2%

OKLCH

0.4743 0.0718 36.4

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#7F4D3F

#3F717F

Analogous

#7F3F51

#7F6D3F

#7F4D3F

Triadic

#7F4D3F

#3F7F4D

#4D3F7F

Split Complementary

#7F4D3F

#3F7F6D

#3F517F

Tetradic

#7F4D3F

#517F3F

#3F717F

#6D3F7F

Color Blindness Simulation

Original

#7F4D3F

Protanopia

#696942

Deuteranopia

#6C7043

Tritanopia

#7C4546

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E7D5CF
300
#D6B6AD
400
#C08F81
500
#AA6755
600
#885344
700
#6D4236
800
#55342A
900
#3F2822
950
#281915

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026