#77422C

#77422C

Color Values

HEX

#77422C

RGB

119, 66, 44

HSL

17.6, 46.0%, 32.0%

HSV

17.6, 63.0%, 46.7%

CMYK

0.0%, 44.5%, 63.0%, 53.3%

OKLCH

0.4387 0.081 42.9

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#77422C

#2C6177

Analogous

#772C3C

#77682C

#77422C

Triadic

#77422C

#2C7742

#422C77

Split Complementary

#77422C

#2C7768

#2C3C77

Tetradic

#77422C

#3C772C

#2C6177

#682C77

Color Blindness Simulation

Original

#77422C

Protanopia

#606031

Deuteranopia

#636733

Tritanopia

#743636

Achromatopsia

#4C4C4C

CSS Usage

background-color: #77422C;
color: #77422C;
border-color: #77422C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F4
100
#F4EAE6
200
#ECD5CB
300
#DEB6A6
400
#CC8F75
500
#BA6745
600
#955337
700
#77422C
800
#5D3422
900
#45281C
950
#2B1912

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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