#AB5309

#AB5309

Color Values

HEX

#AB5309

RGB

171, 83, 9

HSL

27.4, 90.0%, 35.3%

HSV

27.4, 94.7%, 67.1%

CMYK

0.0%, 51.5%, 94.7%, 32.9%

OKLCH

0.5417 0.1367 51.5

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AB5309

#0961AB

Analogous

#AB0910

#ABA409

#AB5309

Triadic

#AB5309

#09AB53

#5309AB

Split Complementary

#AB5309

#09ABA4

#0910AB

Tetradic

#AB5309

#10AB09

#0961AB

#A409AB

Color Blindness Simulation

Original

#AB5309

Protanopia

#85841B

Deuteranopia

#8A911F

Tritanopia

#A7292C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FBD9BB
300
#F9BD8B
400
#F6994C
500
#F2760D
600
#C25E0A
700
#9B4B08
800
#793B06
900
#582D09
950
#371C06

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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