#7D562C

#7D562C

Color Values

HEX

#7D562C

RGB

125, 86, 44

HSL

31.1, 47.9%, 33.1%

HSV

31.1, 64.8%, 49.0%

CMYK

0.0%, 31.2%, 64.8%, 51.0%

OKLCH

0.4863 0.0775 66.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#7D562C

#2C537D

Analogous

#7D2D2C

#7B7D2C

#7D562C

Triadic

#7D562C

#2C7D56

#562C7D

Split Complementary

#7D562C

#2C7B7D

#2D2C7D

Tetradic

#7D562C

#2C7D2D

#2C537D

#7D2C7B

Color Blindness Simulation

Original

#7D562C

Protanopia

#6C6C36

Deuteranopia

#6E7139

Tritanopia

#7B3E40

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDCCA
300
#DFC3A4
400
#CEA273
500
#BD8242
600
#976835
700
#79532B
800
#5E4121
900
#45311C
950
#2C1F11

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026