#774812

#774812

Color Values

HEX

#774812

RGB

119, 72, 18

HSL

32.1, 73.7%, 26.9%

HSV

32.1, 84.9%, 46.7%

CMYK

0.0%, 39.5%, 84.9%, 53.3%

OKLCH

0.4472 0.0915 64.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#774812

#124177

Analogous

#771612

#747712

#774812

Triadic

#774812

#127748

#481277

Split Complementary

#774812

#127477

#161277

Tetradic

#774812

#127716

#124177

#771274

Color Blindness Simulation

Original

#774812

Protanopia

#63621F

Deuteranopia

#656922

Tritanopia

#75292C

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F6DDC1
300
#EFC595
400
#E6A65B
500
#DD8622
600
#B16B1B
700
#8E5615
800
#6F4311
900
#513310
950
#33200A

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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