#AD483D

#AD483D

Color Values

HEX

#AD483D

RGB

173, 72, 61

HSL

5.9, 47.9%, 45.9%

HSV

5.9, 64.7%, 67.8%

CMYK

0.0%, 58.4%, 64.7%, 32.2%

OKLCH

0.533 0.1349 28.6

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD483D

#3DA2AD

Analogous

#AD3D6A

#AD803D

#AD483D

Triadic

#AD483D

#3DAD48

#483DAD

Split Complementary

#AD483D

#3DAD80

#3D6AAD

Tetradic

#AD483D

#6AAD3D

#3DA2AD

#803DAD

Color Blindness Simulation

Original

#AD483D

Protanopia

#818040

Deuteranopia

#878F40

Tritanopia

#A84242

Achromatopsia

#5D5D5D

CSS Usage

background-color: #AD483D;
color: #AD483D;
border-color: #AD483D;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFAAA4
400
#CE7C73
500
#BD4E42
600
#973F35
700
#79322B
800
#5E2721
900
#45201C
950
#2C1411

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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