#A3560C

#A3560C

Color Values

HEX

#A3560C

RGB

163, 86, 12

HSL

29.4, 86.3%, 34.3%

HSV

29.4, 92.6%, 63.9%

CMYK

0.0%, 47.2%, 92.6%, 36.1%

OKLCH

0.5351 0.1266 55.9

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#A3560C

#0C59A3

Analogous

#A30C0D

#A3A10C

#A3560C

Triadic

#A3560C

#0CA356

#560CA3

Split Complementary

#A3560C

#0CA3A1

#0C0DA3

Tetradic

#A3560C

#0DA30C

#0C59A3

#A10CA3

Color Blindness Simulation

Original

#A3560C

Protanopia

#82811E

Deuteranopia

#868C22

Tritanopia

#9F2C2F

Achromatopsia

#616161

CSS Usage

background-color: #A3560C;
color: #A3560C;
border-color: #A3560C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADBBC
300
#F7C18D
400
#F29F4F
500
#EE7D11
600
#BE640E
700
#98500B
800
#773F09
900
#56300B
950
#361E07

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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