#7F5524

#7F5524

Color Values

HEX

#7F5524

RGB

127, 85, 36

HSL

32.3, 55.8%, 32.0%

HSV

32.3, 71.7%, 49.8%

CMYK

0.0%, 33.1%, 71.7%, 50.2%

OKLCH

0.4857 0.0851 67.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F5524

#244E7F

Analogous

#7F2824

#7C7F24

#7F5524

Triadic

#7F5524

#247F55

#55247F

Split Complementary

#7F5524

#247C7F

#28247F

Tetradic

#7F5524

#247F28

#244E7F

#7F247C

Color Blindness Simulation

Original

#7F5524

Protanopia

#6D6C30

Deuteranopia

#6F7233

Tritanopia

#7D393B

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#EFDDC7
300
#E4C4A0
400
#D5A56C
500
#C78538
600
#9F6A2D
700
#7F5524
800
#63421C
900
#493218
950
#2E200F

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026