#764312

#764312

Color Values

HEX

#764312

RGB

118, 67, 18

HSL

29.4, 73.5%, 26.7%

HSV

29.4, 84.7%, 46.3%

CMYK

0.0%, 43.2%, 84.7%, 53.7%

OKLCH

0.436 0.0926 59.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#764312

#124576

Analogous

#761213

#767512

#764312

Triadic

#764312

#127643

#431276

Split Complementary

#764312

#127675

#121376

Tetradic

#764312

#137612

#124576

#751276

Color Blindness Simulation

Original

#764312

Protanopia

#605F1E

Deuteranopia

#636721

Tritanopia

#732729

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F6DBC1
300
#EFC195
400
#E69F5B
500
#DD7E22
600
#B1651B
700
#8E5016
800
#6F3F11
900
#503010
950
#331E0A

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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