#AD835F

#AD835F

Color Values

HEX

#AD835F

RGB

173, 131, 95

HSL

27.7, 32.2%, 52.5%

HSV

27.7, 45.1%, 67.8%

CMYK

0.0%, 24.3%, 45.1%, 32.2%

OKLCH

0.6421 0.0721 61.6

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AD835F

#5F89AD

Analogous

#AD5F62

#ADAA5F

#AD835F

Triadic

#AD835F

#5FAD83

#835FAD

Split Complementary

#AD835F

#5FADAA

#5F62AD

Tetradic

#AD835F

#62AD5F

#5F89AD

#AA5FAD

Color Blindness Simulation

Original

#AD835F

Protanopia

#9B9A68

Deuteranopia

#9DA06A

Tritanopia

#AB6F70

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DAD0
300
#D6C0AE
400
#BF9E82
500
#A97C56
600
#876345
700
#6C5037
800
#543E2B
900
#3E2F22
950
#271E16

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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