#7F4312

#7F4312

Color Values

HEX

#7F4312

RGB

127, 67, 18

HSL

27.0, 75.2%, 28.4%

HSV

27.0, 85.8%, 49.8%

CMYK

0.0%, 47.2%, 85.8%, 50.2%

OKLCH

0.4492 0.1015 54.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7F4312

#124E7F

Analogous

#7F1217

#7F7912

#7F4312

Triadic

#7F4312

#127F43

#43127F

Split Complementary

#7F4312

#127F79

#12177F

Tetradic

#7F4312

#177F12

#124E7F

#79127F

Color Blindness Simulation

Original

#7F4312

Protanopia

#65641E

Deuteranopia

#686D21

Tritanopia

#7C2729

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F6D9C0
300
#F0BD94
400
#E89A5A
500
#DF7620
600
#B35E19
700
#8F4B14
800
#703B10
900
#512D10
950
#331D0A

Contrast Checker

Text on white

7.74:1

AA Pass AAA Pass

Text on black

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