#A67D63

#A67D63

Color Values

HEX

#A67D63

RGB

166, 125, 99

HSL

23.3, 27.3%, 52.0%

HSV

23.3, 40.4%, 65.1%

CMYK

0.0%, 24.7%, 40.4%, 34.9%

OKLCH

0.6233 0.0634 53.6

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A67D63

#638CA6

Analogous

#A6636B

#A69F63

#A67D63

Triadic

#A67D63

#63A67D

#7D63A6

Split Complementary

#A67D63

#63A69F

#636BA6

Tetradic

#A67D63

#6BA663

#638CA6

#9F63A6

Color Blindness Simulation

Original

#A67D63

Protanopia

#949469

Deuteranopia

#979A6B

Tritanopia

#A46E6F

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D2
300
#D3BEB1
400
#BA9B87
500
#A2785D
600
#82604A
700
#684D3B
800
#513C2E
900
#3C2E25
950
#261D17

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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