#7D4527

#7D4527

Color Values

HEX

#7D4527

RGB

125, 69, 39

HSL

20.9, 52.4%, 32.2%

HSV

20.9, 68.8%, 49.0%

CMYK

0.0%, 44.8%, 68.8%, 51.0%

OKLCH

0.4521 0.0883 47.6

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#7D4527

#275F7D

Analogous

#7D2734

#7D7027

#7D4527

Triadic

#7D4527

#277D45

#45277D

Split Complementary

#7D4527

#277D70

#27347D

Tetradic

#7D4527

#347D27

#275F7D

#70277D

Color Blindness Simulation

Original

#7D4527

Protanopia

#65642E

Deuteranopia

#686C30

Tritanopia

#7A3435

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF6F4
100
#F5EBE5
200
#EED6C9
300
#E2B8A2
400
#D2926F
500
#C26B3D
600
#9B5631
700
#7C4527
800
#61361E
900
#472A1A
950
#2D1A10

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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