#7D4F07

#7D4F07

Color Values

HEX

#7D4F07

RGB

125, 79, 7

HSL

36.6, 89.4%, 25.9%

HSV

36.6, 94.4%, 49.0%

CMYK

0.0%, 36.8%, 94.4%, 51.0%

OKLCH

0.4688 0.0985 70.1

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#7D4F07

#07357D

Analogous

#7D1407

#707D07

#7D4F07

Triadic

#7D4F07

#077D4F

#4F077D

Split Complementary

#7D4F07

#07707D

#14077D

Tetradic

#7D4F07

#077D14

#07357D

#7D0770

Color Blindness Simulation

Original

#7D4F07

Protanopia

#696918

Deuteranopia

#6C6F1D

Tritanopia

#7B2629

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE2BB
300
#F9CE8B
400
#F5B34C
500
#F1990E
600
#C17A0B
700
#9B6209
800
#794C07
900
#573909
950
#372406

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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