#7F4F23

#7F4F23

Color Values

HEX

#7F4F23

RGB

127, 79, 35

HSL

28.7, 56.8%, 31.8%

HSV

28.7, 72.4%, 49.8%

CMYK

0.0%, 37.8%, 72.4%, 50.2%

OKLCH

0.4735 0.0872 60.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F4F23

#23537F

Analogous

#7F2325

#7F7D23

#7F4F23

Triadic

#7F4F23

#237F4F

#4F237F

Split Complementary

#7F4F23

#237F7D

#23257F

Tetradic

#7F4F23

#257F23

#23537F

#7D237F

Color Blindness Simulation

Original

#7F4F23

Protanopia

#6A6A2E

Deuteranopia

#6D7130

Tritanopia

#7D3638

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#F0DAC7
300
#E5C09F
400
#D69E6B
500
#C87C37
600
#A0632C
700
#805023
800
#643E1C
900
#492F18
950
#2E1E0F

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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