#AD483B

#AD483B

Color Values

HEX

#AD483B

RGB

173, 72, 59

HSL

6.8, 49.1%, 45.5%

HSV

6.8, 65.9%, 67.8%

CMYK

0.0%, 58.4%, 65.9%, 32.2%

OKLCH

0.5327 0.1353 29.6

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD483B

#3BA0AD

Analogous

#AD3B67

#AD813B

#AD483B

Triadic

#AD483B

#3BAD48

#483BAD

Split Complementary

#AD483B

#3BAD81

#3B67AD

Tetradic

#AD483B

#67AD3B

#3BA0AD

#813BAD

Color Blindness Simulation

Original

#AD483B

Protanopia

#81803E

Deuteranopia

#878F3F

Tritanopia

#A84141

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCECA
300
#E0ABA4
400
#CF7D72
500
#BE4F41
600
#983F34
700
#7A332A
800
#5F2820
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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026