#774412

#774412

Color Values

HEX

#774412

RGB

119, 68, 18

HSL

29.7, 73.7%, 26.9%

HSV

29.7, 84.9%, 46.7%

CMYK

0.0%, 42.9%, 84.9%, 53.3%

OKLCH

0.4393 0.0931 59.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#774412

#124577

Analogous

#771213

#777712

#774412

Triadic

#774412

#127744

#441277

Split Complementary

#774412

#127777

#121377

Tetradic

#774412

#137712

#124577

#771277

Color Blindness Simulation

Original

#774412

Protanopia

#61601E

Deuteranopia

#646821

Tritanopia

#74282A

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DBC1
300
#EFC195
400
#E6A05B
500
#DD7F22
600
#B1651B
700
#8E5115
800
#6F3F11
900
#513010
950
#331E0A

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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