#7E4643

#7E4643

Color Values

HEX

#7E4643

RGB

126, 70, 67

HSL

3.1, 30.6%, 37.8%

HSV

3.1, 46.8%, 49.4%

CMYK

0.0%, 44.4%, 46.8%, 50.6%

OKLCH

0.4608 0.0774 23.8

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#7E4643

#437B7E

Analogous

#7E435D

#7E6343

#7E4643

Triadic

#7E4643

#437E46

#46437E

Split Complementary

#7E4643

#437E63

#435D7E

Tetradic

#7E4643

#5D7E43

#437B7E

#63437E

Color Blindness Simulation

Original

#7E4643

Protanopia

#666544

Deuteranopia

#696D44

Tritanopia

#7B4444

Achromatopsia

#525252

CSS Usage

background-color: #7E4643;
color: #7E4643;
border-color: #7E4643;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#F9F6F5
100
#F2E9E9
200
#E6D2D0
300
#D5B1AF
400
#BE8784
500
#A75D58
600
#854A47
700
#6B3B39
800
#532E2C
900
#3E2423
950
#271716

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

2.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