#7E433C

#7E433C

Color Values

HEX

#7E433C

RGB

126, 67, 60

HSL

6.4, 35.5%, 36.5%

HSV

6.4, 52.4%, 49.4%

CMYK

0.0%, 46.8%, 52.4%, 50.6%

OKLCH

0.4538 0.0827 27.9

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#7E433C

#3C777E

Analogous

#7E3C56

#7E643C

#7E433C

Triadic

#7E433C

#3C7E43

#433C7E

Split Complementary

#7E433C

#3C7E64

#3C567E

Tetradic

#7E433C

#567E3C

#3C777E

#643C7E

Color Blindness Simulation

Original

#7E433C

Protanopia

#64643E

Deuteranopia

#686C3E

Tritanopia

#7B3F3F

Achromatopsia

#4F4F4F

CSS Usage

background-color: #7E433C;
color: #7E433C;
border-color: #7E433C;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D1CF
300
#D8B1AC
400
#C2867F
500
#AD5C52
600
#8A4A42
700
#6F3B35
800
#562E29
900
#402421
950
#281715

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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