#AD6F69

#AD6F69

Color Values

HEX

#AD6F69

RGB

173, 111, 105

HSL

5.3, 29.3%, 54.5%

HSV

5.3, 39.3%, 67.8%

CMYK

0.0%, 35.8%, 39.3%, 32.2%

OKLCH

0.606 0.0801 25.7

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AD6F69

#69A7AD

Analogous

#AD6985

#AD9169

#AD6F69

Triadic

#AD6F69

#69AD6F

#6F69AD

Split Complementary

#AD6F69

#69AD91

#6985AD

Tetradic

#AD6F69

#85AD69

#69A7AD

#9169AD

Color Blindness Simulation

Original

#AD6F69

Protanopia

#92926A

Deuteranopia

#969A6B

Tritanopia

#AA6C6C

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AD6F69;
color: #AD6F69;
border-color: #AD6F69;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2E9E9
200
#E6D3D1
300
#D4B3B0
400
#BC8A85
500
#A5615A
600
#844D48
700
#6A3E3A
800
#52302D
900
#3D2624
950
#271817

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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