#774B36

#774B36

Color Values

HEX

#774B36

RGB

119, 75, 54

HSL

19.4, 37.6%, 33.9%

HSV

19.4, 54.6%, 46.7%

CMYK

0.0%, 37.0%, 54.6%, 53.3%

OKLCH

0.4579 0.0683 46.1

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#774B36

#366277

Analogous

#773641

#776B36

#774B36

Triadic

#774B36

#36774B

#4B3677

Split Complementary

#774B36

#36776B

#364177

Tetradic

#774B36

#417736

#366277

#6B3677

Color Blindness Simulation

Original

#774B36

Protanopia

#64643B

Deuteranopia

#666A3C

Tritanopia

#753F40

Achromatopsia

#535353

CSS Usage

background-color: #774B36;
color: #774B36;
border-color: #774B36;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF6F5
100
#F3EBE7
200
#E9D7CE
300
#D9BAAB
400
#C4947D
500
#AF6F50
600
#8C5840
700
#704733
800
#583728
900
#412B20
950
#291B14

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

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