#7C5448

#7C5448

Color Values

HEX

#7C5448

RGB

124, 84, 72

HSL

13.8, 26.5%, 38.4%

HSV

13.8, 41.9%, 48.6%

CMYK

0.0%, 32.3%, 41.9%, 51.4%

OKLCH

0.4862 0.0572 37.4

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7C5448

#48707C

Analogous

#7C4856

#7C6E48

#7C5448

Triadic

#7C5448

#487C54

#54487C

Split Complementary

#7C5448

#487C6E

#48567C

Tetradic

#7C5448

#567C48

#48707C

#6E487C

Color Blindness Simulation

Original

#7C5448

Protanopia

#6B6A4B

Deuteranopia

#6D704C

Tritanopia

#7A4D4E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #7C5448;
color: #7C5448;
border-color: #7C5448;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E5D6D2
300
#D2B9B2
400
#BA9388
500
#A16D5E
600
#81574B
700
#67463C
800
#51372F
900
#3C2A25
950
#261B17

Contrast Checker

Text on white

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