#7C4438

#7C4438

Color Values

HEX

#7C4438

RGB

124, 68, 56

HSL

10.6, 37.8%, 35.3%

HSV

10.6, 54.8%, 48.6%

CMYK

0.0%, 45.2%, 54.8%, 51.4%

OKLCH

0.4518 0.0802 33.1

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#7C4438

#38707C

Analogous

#7C384E

#7C6638

#7C4438

Triadic

#7C4438

#387C44

#44387C

Split Complementary

#7C4438

#387C66

#384E7C

Tetradic

#7C4438

#4E7C38

#38707C

#66387C

Color Blindness Simulation

Original

#7C4438

Protanopia

#64633B

Deuteranopia

#676B3C

Tritanopia

#793D3E

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D3CE
300
#D9B3AB
400
#C48A7D
500
#B0604F
600
#8D4D3F
700
#703E33
800
#583028
900
#412620
950
#291814

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026