#A4685F

#A4685F

Color Values

HEX

#A4685F

RGB

164, 104, 95

HSL

7.8, 27.5%, 50.8%

HSV

7.8, 42.1%, 64.3%

CMYK

0.0%, 36.6%, 42.1%, 35.7%

OKLCH

0.5798 0.0792 29.0

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#A4685F

#5F9BA4

Analogous

#A45F79

#A48B5F

#A4685F

Triadic

#A4685F

#5FA468

#685FA4

Split Complementary

#A4685F

#5FA48B

#5F79A4

Tetradic

#A4685F

#79A45F

#5F9BA4

#8B5FA4

Color Blindness Simulation

Original

#A4685F

Protanopia

#8A8961

Deuteranopia

#8E9262

Tritanopia

#A16363

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D4D1
300
#D3B5B1
400
#BB8D87
500
#A3665C
600
#82514A
700
#68413B
800
#51332E
900
#3C2824
950
#261917

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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