#A8764D

#A8764D

Color Values

HEX

#A8764D

RGB

168, 118, 77

HSL

27.0, 37.1%, 48.0%

HSV

27.0, 54.2%, 65.9%

CMYK

0.0%, 29.8%, 54.2%, 34.1%

OKLCH

0.6076 0.0845 59.6

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#A8764D

#4D7FA8

Analogous

#A84D52

#A8A34D

#A8764D

Triadic

#A8764D

#4DA876

#764DA8

Split Complementary

#A8764D

#4DA8A3

#4D52A8

Tetradic

#A8764D

#52A84D

#4D7FA8

#A34DA8

Color Blindness Simulation

Original

#A8764D

Protanopia

#929257

Deuteranopia

#959959

Tritanopia

#A65F60

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E9DACE
300
#D9C0AB
400
#C49D7E
500
#AF7B50
600
#8C6240
700
#704F33
800
#573D28
900
#412F20
950
#291E14

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass 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