#774036

#774036

Color Values

HEX

#774036

RGB

119, 64, 54

HSL

9.2, 37.6%, 33.9%

HSV

9.2, 54.6%, 46.7%

CMYK

0.0%, 46.2%, 54.6%, 53.3%

OKLCH

0.4369 0.0788 31.4

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#774036

#366D77

Analogous

#77364C

#776036

#774036

Triadic

#774036

#367740

#403677

Split Complementary

#774036

#367760

#364C77

Tetradic

#774036

#4C7736

#366D77

#603677

Color Blindness Simulation

Original

#774036

Protanopia

#5F5F38

Deuteranopia

#626639

Tritanopia

#743A3B

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D2CE
300
#D9B2AB
400
#C4887D
500
#AF5E50
600
#8C4B40
700
#703C33
800
#582F28
900
#412520
950
#291714

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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