#7D5532

#7D5532

Color Values

HEX

#7D5532

RGB

125, 85, 50

HSL

28.0, 42.9%, 34.3%

HSV

28.0, 60.0%, 49.0%

CMYK

0.0%, 32.0%, 60.0%, 51.0%

OKLCH

0.4851 0.0729 61.0

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#7D5532

#325A7D

Analogous

#7D3234

#7D7A32

#7D5532

Triadic

#7D5532

#327D55

#55327D

Split Complementary

#7D5532

#327D7A

#32347D

Tetradic

#7D5532

#347D32

#325A7D

#7A327D

Color Blindness Simulation

Original

#7D5532

Protanopia

#6C6B3A

Deuteranopia

#6E713C

Tritanopia

#7B4143

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDACC
300
#DCC0A8
400
#C99E78
500
#B67C49
600
#92633A
700
#754F2F
800
#5B3E24
900
#432F1E
950
#2A1E13

Contrast Checker

Text on white

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