#764D0F

#764D0F

Color Values

HEX

#764D0F

RGB

118, 77, 15

HSL

36.1, 77.4%, 26.1%

HSV

36.1, 87.3%, 46.3%

CMYK

0.0%, 34.7%, 87.3%, 53.7%

OKLCH

0.4558 0.091 71.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#764D0F

#0F3876

Analogous

#761A0F

#6C760F

#764D0F

Triadic

#764D0F

#0F764D

#4D0F76

Split Complementary

#764D0F

#0F6C76

#1A0F76

Tetradic

#764D0F

#0F761A

#0F3876

#760F6C

Color Blindness Simulation

Original

#764D0F

Protanopia

#64641E

Deuteranopia

#676A22

Tritanopia

#742A2C

Achromatopsia

#515151

CSS Usage

background-color: #764D0F;
color: #764D0F;
border-color: #764D0F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF8F2
100
#F9F0E1
200
#F7E1C0
300
#F1CB92
400
#EAAF58
500
#E2941D
600
#B57617
700
#915E12
800
#714A0E
900
#52370F
950
#342309

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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