#7F6236

#7F6236

Color Values

HEX

#7F6236

RGB

127, 98, 54

HSL

36.2, 40.3%, 35.5%

HSV

36.2, 57.5%, 49.8%

CMYK

0.0%, 22.8%, 57.5%, 50.2%

OKLCH

0.5155 0.0714 76.5

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#7F6236

#36537F

Analogous

#7F3E36

#777F36

#7F6236

Triadic

#7F6236

#367F62

#62367F

Split Complementary

#7F6236

#36777F

#3E367F

Tetradic

#7F6236

#367F3E

#36537F

#7F3677

Color Blindness Simulation

Original

#7F6236

Protanopia

#727241

Deuteranopia

#747643

Tritanopia

#7E494B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADECD
300
#DAC7A9
400
#C7A97B
500
#B38A4C
600
#8F6E3D
700
#725831
800
#594526
900
#42341F
950
#2A2114

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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