#A36064

#A36064

Color Values

HEX

#A36064

RGB

163, 96, 100

HSL

356.4, 26.7%, 50.8%

HSV

356.4, 41.1%, 63.9%

CMYK

0.0%, 41.1%, 38.7%, 36.1%

OKLCH

0.5654 0.0874 16.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#A36064

#60A39F

Analogous

#A36086

#A37E60

#A36064

Triadic

#A36064

#64A360

#6064A3

Split Complementary

#A36064

#60A37E

#6086A3

Tetradic

#A36064

#86A360

#60A39F

#7E60A3

Color Blindness Simulation

Original

#A36064

Protanopia

#868563

Deuteranopia

#8A8F63

Tritanopia

#A06262

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D3
300
#D2B1B3
400
#BA878A
500
#A25D62
600
#814B4E
700
#673C3E
800
#512F31
900
#3C2526
950
#261718

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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