#AD7C86

#AD7C86

Color Values

HEX

#AD7C86

RGB

173, 124, 134

HSL

347.8, 23.0%, 58.2%

HSV

347.8, 28.3%, 67.8%

CMYK

0.0%, 28.3%, 22.5%, 32.2%

OKLCH

0.638 0.0623 5.5

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AD7C86

#7CADA3

Analogous

#AD7C9E

#AD8A7C

#AD7C86

Triadic

#AD7C86

#86AD7C

#7C86AD

Split Complementary

#AD7C86

#7CAD8A

#7C9EAD

Tetradic

#AD7C86

#9EAD7C

#7CADA3

#8A7CAD

Color Blindness Simulation

Original

#AD7C86

Protanopia

#989784

Deuteranopia

#9B9E83

Tritanopia

#AB8281

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAEB
200
#E4D3D6
300
#D0B4B9
400
#B68B94
500
#9D626E
600
#7D4F58
700
#643F46
800
#4E3137
900
#3A262A
950
#25181B

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026