#7A4F44

#7A4F44

Color Values

HEX

#7A4F44

RGB

122, 79, 68

HSL

12.2, 28.4%, 37.3%

HSV

12.2, 44.3%, 47.8%

CMYK

0.0%, 35.2%, 44.3%, 52.2%

OKLCH

0.4727 0.0612 35.0

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#7A4F44

#446F7A

Analogous

#7A4454

#7A6A44

#7A4F44

Triadic

#7A4F44

#447A4F

#4F447A

Split Complementary

#7A4F44

#447A6A

#44547A

Tetradic

#7A4F44

#547A44

#446F7A

#6A447A

Color Blindness Simulation

Original

#7A4F44

Protanopia

#676747

Deuteranopia

#6A6D47

Tritanopia

#784949

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E5D5D1
300
#D3B7B0
400
#BB9186
500
#A46A5B
600
#835549
700
#69443A
800
#52352E
900
#3D2924
950
#261A17

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026