#7D561C

#7D561C

Color Values

HEX

#7D561C

RGB

125, 86, 28

HSL

35.9, 63.4%, 30.0%

HSV

35.9, 77.6%, 49.0%

CMYK

0.0%, 31.2%, 77.6%, 51.0%

OKLCH

0.4845 0.0888 73.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7D561C

#1C437D

Analogous

#7D261C

#737D1C

#7D561C

Triadic

#7D561C

#1C7D56

#561C7D

Split Complementary

#7D561C

#1C737D

#261C7D

Tetradic

#7D561C

#1C7D26

#1C437D

#7D1C73

Color Blindness Simulation

Original

#7D561C

Protanopia

#6C6C2A

Deuteranopia

#6E712D

Tritanopia

#7B3538

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2E0C5
300
#E9C99B
400
#DCAC65
500
#D08F2F
600
#A77325
700
#855C1E
800
#684817
900
#4C3615
950
#30220D

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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