#7F511C

#7F511C

Color Values

HEX

#7F511C

RGB

127, 81, 28

HSL

32.1, 63.9%, 30.4%

HSV

32.1, 78.0%, 49.8%

CMYK

0.0%, 36.2%, 78.0%, 50.2%

OKLCH

0.4768 0.0908 65.8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F511C

#1C4A7F

Analogous

#7F1F1C

#7C7F1C

#7F511C

Triadic

#7F511C

#1C7F51

#511C7F

Split Complementary

#7F511C

#1C7C7F

#1F1C7F

Tetradic

#7F511C

#1C7F1F

#1C4A7F

#7F1C7C

Color Blindness Simulation

Original

#7F511C

Protanopia

#6B6B29

Deuteranopia

#6E712C

Tritanopia

#7D3335

Achromatopsia

#575757

CSS Usage

background-color: #7F511C;
color: #7F511C;
border-color: #7F511C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DDC4
300
#E9C59B
400
#DDA564
500
#D1852E
600
#A76B25
700
#86551D
800
#684317
900
#4C3215
950
#30200D

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026