#774623

#774623

Color Values

HEX

#774623

RGB

119, 70, 35

HSL

25.0, 54.5%, 30.2%

HSV

25.0, 70.6%, 46.7%

CMYK

0.0%, 41.2%, 70.6%, 53.3%

OKLCH

0.4449 0.0832 54.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#774623

#235477

Analogous

#77232A

#777023

#774623

Triadic

#774623

#237746

#462377

Split Complementary

#774623

#237770

#232A77

Tetradic

#774623

#2A7723

#235477

#702377

Color Blindness Simulation

Original

#774623

Protanopia

#62612B

Deuteranopia

#65682E

Tritanopia

#753234

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5ECE5
200
#EFD8C8
300
#E3BCA0
400
#D4986D
500
#C5743A
600
#9E5D2E
700
#7E4A25
800
#623A1D
900
#482C19
950
#2E1C10

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

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