#AD5846

#AD5846

Color Values

HEX

#AD5846

RGB

173, 88, 70

HSL

10.5, 42.4%, 47.6%

HSV

10.5, 59.5%, 67.8%

CMYK

0.0%, 49.1%, 59.5%, 32.2%

OKLCH

0.5588 0.1153 33.2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD5846

#469BAD

Analogous

#AD4667

#AD8B46

#AD5846

Triadic

#AD5846

#46AD58

#5846AD

Split Complementary

#AD5846

#46AD8B

#4667AD

Tetradic

#AD5846

#67AD46

#469BAD

#8B46AD

Color Blindness Simulation

Original

#AD5846

Protanopia

#88874A

Deuteranopia

#8D944B

Tritanopia

#A94E4F

Achromatopsia

#696969

CSS Usage

background-color: #AD5846;
color: #AD5846;
border-color: #AD5846;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF6F5
100
#F4E9E7
200
#EAD1CC
300
#DCB1A8
400
#C98779
500
#B65C49
600
#914A3B
700
#743B2F
800
#5B2E25
900
#43241E
950
#2A1713

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026