#7D663D

#7D663D

Color Values

HEX

#7D663D

RGB

125, 102, 61

HSL

38.4, 34.4%, 36.5%

HSV

38.4, 51.2%, 49.0%

CMYK

0.0%, 18.4%, 51.2%, 51.0%

OKLCH

0.523 0.0647 81.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#7D663D

#3D547D

Analogous

#7D463D

#747D3D

#7D663D

Triadic

#7D663D

#3D7D66

#663D7D

Split Complementary

#7D663D

#3D747D

#463D7D

Tetradic

#7D663D

#3D7D46

#3D547D

#7D3D74

Color Blindness Simulation

Original

#7D663D

Protanopia

#737347

Deuteranopia

#747649

Tritanopia

#7C4F50

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AB8C54
600
#897043
700
#6E5936
800
#56462A
900
#3F3521
950
#282115

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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