#764C0F

#764C0F

Color Values

HEX

#764C0F

RGB

118, 76, 15

HSL

35.5, 77.4%, 26.1%

HSV

35.5, 87.3%, 46.3%

CMYK

0.0%, 35.6%, 87.3%, 53.7%

OKLCH

0.4537 0.0911 70.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#764C0F

#0F3976

Analogous

#76180F

#6D760F

#764C0F

Triadic

#764C0F

#0F764C

#4C0F76

Split Complementary

#764C0F

#0F6D76

#180F76

Tetradic

#764C0F

#0F7618

#0F3976

#760F6D

Color Blindness Simulation

Original

#764C0F

Protanopia

#64631E

Deuteranopia

#666921

Tritanopia

#74292C

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F7E0C0
300
#F1CA92
400
#EAAE58
500
#E2921D
600
#B57417
700
#915D12
800
#71490E
900
#52370F
950
#342309

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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