#AD4F46

#AD4F46

Color Values

HEX

#AD4F46

RGB

173, 79, 70

HSL

5.2, 42.4%, 47.6%

HSV

5.2, 59.5%, 67.8%

CMYK

0.0%, 54.3%, 59.5%, 32.2%

OKLCH

0.5448 0.1251 27.5

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD4F46

#46A4AD

Analogous

#AD4670

#AD8246

#AD4F46

Triadic

#AD4F46

#46AD4F

#4F46AD

Split Complementary

#AD4F46

#46AD82

#4670AD

Tetradic

#AD4F46

#70AD46

#46A4AD

#8246AD

Color Blindness Simulation

Original

#AD4F46

Protanopia

#848348

Deuteranopia

#8A9149

Tritanopia

#A84A4A

Achromatopsia

#626262

CSS Usage

background-color: #AD4F46;
color: #AD4F46;
border-color: #AD4F46;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EACFCC
300
#DCACA8
400
#C98079
500
#B65349
600
#91423B
700
#74352F
800
#5B2925
900
#43211E
950
#2A1513

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail 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