#A48468

#A48468

Color Values

HEX

#A48468

RGB

164, 132, 104

HSL

28.0, 24.8%, 52.5%

HSV

28.0, 36.6%, 64.3%

CMYK

0.0%, 19.5%, 36.6%, 35.7%

OKLCH

0.6363 0.056 62.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A48468

#6888A4

Analogous

#A4686A

#A4A268

#A48468

Triadic

#A48468

#68A484

#8468A4

Split Complementary

#A48468

#68A4A2

#686AA4

Tetradic

#A48468

#6AA468

#6888A4

#A268A4

Color Blindness Simulation

Original

#A48468

Protanopia

#96966F

Deuteranopia

#989A70

Tritanopia

#A27475

Achromatopsia

#898989

CSS Usage

background-color: #A48468;
color: #A48468;
border-color: #A48468;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E4DBD2
300
#D1C1B3
400
#B89F89
500
#9F7D60
600
#7F644D
700
#66503D
800
#503F30
900
#3B3026
950
#251E18

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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