#764616

#764616

Color Values

HEX

#764616

RGB

118, 70, 22

HSL

30.0, 68.6%, 27.5%

HSV

30.0, 81.4%, 46.3%

CMYK

0.0%, 40.7%, 81.4%, 53.7%

OKLCH

0.4421 0.0894 61.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#764616

#164676

Analogous

#761616

#767616

#764616

Triadic

#764616

#167646

#461676

Split Complementary

#764616

#167676

#161676

Tetradic

#764616

#167616

#164676

#761676

Color Blindness Simulation

Original

#764616

Protanopia

#616122

Deuteranopia

#646824

Tritanopia

#742B2D

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC3
300
#ECC298
400
#E1A160
500
#D78028
600
#AC6620
700
#8A521A
800
#6B4014
900
#4E3013
950
#311F0C

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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