#7C523F

#7C523F

Color Values

HEX

#7C523F

RGB

124, 82, 63

HSL

18.7, 32.6%, 36.7%

HSV

18.7, 49.2%, 48.6%

CMYK

0.0%, 33.9%, 49.2%, 51.4%

OKLCH

0.4801 0.0638 45.1

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7C523F

#3F697C

Analogous

#7C3F4B

#7C713F

#7C523F

Triadic

#7C523F

#3F7C52

#523F7C

Split Complementary

#7C523F

#3F7C71

#3F4B7C

Tetradic

#7C523F

#4B7C3F

#3F697C

#713F7C

Color Blindness Simulation

Original

#7C523F

Protanopia

#6A6944

Deuteranopia

#6C6F45

Tritanopia

#7A4748

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EBE8
200
#E7D7D0
300
#D6BAAE
400
#BF9582
500
#A97056
600
#875945
700
#6C4837
800
#55382B
900
#3F2B22
950
#281B16

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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