#764518

#764518

Color Values

HEX

#764518

RGB

118, 69, 24

HSL

28.7, 66.2%, 27.8%

HSV

28.7, 79.7%, 46.3%

CMYK

0.0%, 41.5%, 79.7%, 53.7%

OKLCH

0.4403 0.0888 59.2

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#764518

#184976

Analogous

#76181A

#767418

#764518

Triadic

#764518

#187645

#451876

Split Complementary

#764518

#187674

#181A76

Tetradic

#764518

#1A7618

#184976

#741876

Color Blindness Simulation

Original

#764518

Protanopia

#616023

Deuteranopia

#646726

Tritanopia

#742B2D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EAC099
400
#DF9E62
500
#D47C2B
600
#AA6322
700
#884F1C
800
#6A3E16
900
#4D2F14
950
#311E0C

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026