#A69796

#A69796

Color Values

HEX

#A69796

RGB

166, 151, 150

HSL

3.7, 8.2%, 62.0%

HSV

3.7, 9.6%, 65.1%

CMYK

0.0%, 9.0%, 9.6%, 34.9%

OKLCH

0.6892 0.0179 22.2

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#A69796

#96A5A6

Analogous

#A6969D

#A69F96

#A69796

Triadic

#A69796

#96A697

#9796A6

Split Complementary

#A69796

#96A69F

#969DA6

Tetradic

#A69796

#9DA696

#96A5A6

#9F96A6

Color Blindness Simulation

Original

#A69796

Protanopia

#A09F96

Deuteranopia

#A0A296

Tritanopia

#A59696

Achromatopsia

#9A9A9A

CSS Usage

background-color: #A69796;
color: #A69796;
border-color: #A69796;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D8
300
#C7BDBD
400
#A89A99
500
#8A7675
600
#6E5F5E
700
#584C4B
800
#453B3B
900
#342D2D
950
#211D1C

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

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