#7F4307

#7F4307

Color Values

HEX

#7F4307

RGB

127, 67, 7

HSL

30.0, 89.6%, 26.3%

HSV

30.0, 94.5%, 49.8%

CMYK

0.0%, 47.2%, 94.5%, 50.2%

OKLCH

0.4485 0.1047 57.1

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7F4307

#07437F

Analogous

#7F0707

#7F7F07

#7F4307

Triadic

#7F4307

#077F43

#43077F

Split Complementary

#7F4307

#077F7F

#07077F

Tetradic

#7F4307

#077F07

#07437F

#7F077F

Color Blindness Simulation

Original

#7F4307

Protanopia

#656416

Deuteranopia

#686D19

Tritanopia

#7C2124

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBB
300
#F9C28B
400
#F5A14C
500
#F2800D
600
#C1660B
700
#9B5208
800
#794007
900
#583009
950
#371F06

Contrast Checker

Text on white

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