#7F5634

#7F5634

Color Values

HEX

#7F5634

RGB

127, 86, 52

HSL

27.2, 41.9%, 35.1%

HSV

27.2, 59.1%, 49.8%

CMYK

0.0%, 32.3%, 59.1%, 50.2%

OKLCH

0.49 0.073 59.6

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#7F5634

#345D7F

Analogous

#7F3438

#7F7C34

#7F5634

Triadic

#7F5634

#347F56

#56347F

Split Complementary

#7F5634

#347F7C

#34387F

Tetradic

#7F5634

#387F34

#345D7F

#7C347F

Color Blindness Simulation

Original

#7F5634

Protanopia

#6D6D3C

Deuteranopia

#70733E

Tritanopia

#7D4344

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EADACC
300
#DBBFA8
400
#C89D79
500
#B57B4A
600
#91623B
700
#744E2F
800
#5A3D25
900
#432F1E
950
#2A1E13

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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