#AD4828

#AD4828

Color Values

HEX

#AD4828

RGB

173, 72, 40

HSL

14.4, 62.4%, 41.8%

HSV

14.4, 76.9%, 67.8%

CMYK

0.0%, 58.4%, 76.9%, 32.2%

OKLCH

0.5301 0.1403 37.8

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AD4828

#288DAD

Analogous

#AD284B

#AD8B28

#AD4828

Triadic

#AD4828

#28AD48

#4828AD

Split Complementary

#AD4828

#28AD8B

#284BAD

Tetradic

#AD4828

#4BAD28

#288DAD

#8B28AD

Color Blindness Simulation

Original

#AD4828

Protanopia

#818030

Deuteranopia

#878F32

Tritanopia

#A83637

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF5F3
100
#F7E8E4
200
#F2D0C5
300
#E8AE9C
400
#DC8266
500
#CF5630
600
#A64526
700
#85371F
800
#682B18
900
#4C2215
950
#30160D

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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