#AD561F

#AD561F

Color Values

HEX

#AD561F

RGB

173, 86, 31

HSL

23.2, 69.6%, 40.0%

HSV

23.2, 82.1%, 67.8%

CMYK

0.0%, 50.3%, 82.1%, 32.2%

OKLCH

0.5507 0.1312 48.8

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AD561F

#1F76AD

Analogous

#AD1F2F

#AD9D1F

#AD561F

Triadic

#AD561F

#1FAD56

#561FAD

Split Complementary

#AD561F

#1FAD9D

#1F2FAD

Tetradic

#AD561F

#2FAD1F

#1F76AD

#9D1FAD

Color Blindness Simulation

Original

#AD561F

Protanopia

#87872C

Deuteranopia

#8C9330

Tritanopia

#A93739

Achromatopsia

#656565

CSS Usage

background-color: #AD561F;
color: #AD561F;
border-color: #AD561F;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F3
100
#F8EBE3
200
#F4D6C2
300
#ECB897
400
#E2925F
500
#D86B27
600
#AD561F
700
#8A4519
800
#6C3613
900
#4F2A12
950
#321A0B

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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