#7F5531

#7F5531

Color Values

HEX

#7F5531

RGB

127, 85, 49

HSL

27.7, 44.3%, 34.5%

HSV

27.7, 61.4%, 49.8%

CMYK

0.0%, 33.1%, 61.4%, 50.2%

OKLCH

0.4875 0.0756 60.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#7F5531

#315B7F

Analogous

#7F3134

#7F7C31

#7F5531

Triadic

#7F5531

#317F55

#55317F

Split Complementary

#7F5531

#317F7C

#31347F

Tetradic

#7F5531

#347F31

#315B7F

#7C317F

Color Blindness Simulation

Original

#7F5531

Protanopia

#6D6C3A

Deuteranopia

#6F723C

Tritanopia

#7D4142

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDACB
300
#DDC0A7
400
#CA9D77
500
#B87B47
600
#936339
700
#764F2D
800
#5C3E24
900
#442F1D
950
#2B1E12

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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