#AB530C

#AB530C

Color Values

HEX

#AB530C

RGB

171, 83, 12

HSL

26.8, 86.9%, 35.9%

HSV

26.8, 93.0%, 67.1%

CMYK

0.0%, 51.5%, 93.0%, 32.9%

OKLCH

0.5418 0.1362 51.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AB530C

#0C64AB

Analogous

#AB0C14

#ABA30C

#AB530C

Triadic

#AB530C

#0CAB53

#530CAB

Split Complementary

#AB530C

#0CABA3

#0C14AB

Tetradic

#AB530C

#14AB0C

#0C64AB

#A30CAB

Color Blindness Simulation

Original

#AB530C

Protanopia

#85841D

Deuteranopia

#8A9121

Tritanopia

#A72B2E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD8BC
300
#F7BC8D
400
#F3984F
500
#EE7411
600
#BF5D0D
700
#994A0B
800
#773A08
900
#562C0B
950
#371C07

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.97:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026