#7F4F25

#7F4F25

Color Values

HEX

#7F4F25

RGB

127, 79, 37

HSL

28.0, 54.9%, 32.2%

HSV

28.0, 70.9%, 49.8%

CMYK

0.0%, 37.8%, 70.9%, 50.2%

OKLCH

0.4738 0.086 59.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F4F25

#25557F

Analogous

#7F2528

#7F7C25

#7F4F25

Triadic

#7F4F25

#257F4F

#4F257F

Split Complementary

#7F4F25

#257F7C

#25287F

Tetradic

#7F4F25

#287F25

#25557F

#7C257F

Color Blindness Simulation

Original

#7F4F25

Protanopia

#6A6A2F

Deuteranopia

#6D7132

Tritanopia

#7D3739

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EFDAC8
300
#E3C0A0
400
#D49D6D
500
#C57B3A
600
#9E622E
700
#7E4F25
800
#633D1D
900
#482F19
950
#2E1E0F

Contrast Checker

Text on white

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