#AD483C

#AD483C

Color Values

HEX

#AD483C

RGB

173, 72, 60

HSL

6.4, 48.5%, 45.7%

HSV

6.4, 65.3%, 67.8%

CMYK

0.0%, 58.4%, 65.3%, 32.2%

OKLCH

0.5328 0.1351 29.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD483C

#3CA1AD

Analogous

#AD3C68

#AD813C

#AD483C

Triadic

#AD483C

#3CAD48

#483CAD

Split Complementary

#AD483C

#3CAD81

#3C68AD

Tetradic

#AD483C

#68AD3C

#3CA1AD

#813CAD

Color Blindness Simulation

Original

#AD483C

Protanopia

#81803F

Deuteranopia

#878F40

Tritanopia

#A84142

Achromatopsia

#5D5D5D

CSS Usage

background-color: #AD483C;
color: #AD483C;
border-color: #AD483C;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCECA
300
#DFAAA4
400
#CE7D73
500
#BD4F42
600
#973F35
700
#79322A
800
#5F2721
900
#46201B
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