#7F5344

#7F5344

Color Values

HEX

#7F5344

RGB

127, 83, 68

HSL

15.3, 30.3%, 38.2%

HSV

15.3, 46.5%, 49.8%

CMYK

0.0%, 34.6%, 46.5%, 50.2%

OKLCH

0.487 0.0639 39.6

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7F5344

#44707F

Analogous

#7F4452

#7F7044

#7F5344

Triadic

#7F5344

#447F53

#53447F

Split Complementary

#7F5344

#447F70

#44527F

Tetradic

#7F5344

#527F44

#44707F

#70447F

Color Blindness Simulation

Original

#7F5344

Protanopia

#6C6C48

Deuteranopia

#6E7248

Tritanopia

#7D4A4B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EBE9
200
#E6D6D0
300
#D4B9AF
400
#BD9384
500
#A66D59
600
#855747
700
#6A4539
800
#53362C
900
#3E2A23
950
#271B16

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026