#AB5B09

#AB5B09

Color Values

HEX

#AB5B09

RGB

171, 91, 9

HSL

30.4, 90.0%, 35.3%

HSV

30.4, 94.7%, 67.1%

CMYK

0.0%, 46.8%, 94.7%, 32.9%

OKLCH

0.555 0.1316 56.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AB5B09

#0959AB

Analogous

#AB0A09

#AAAB09

#AB5B09

Triadic

#AB5B09

#09AB5B

#5B09AB

Split Complementary

#AB5B09

#09AAAB

#0A09AB

Tetradic

#AB5B09

#09AB0A

#0959AB

#AB09AA

Color Blindness Simulation

Original

#AB5B09

Protanopia

#88881D

Deuteranopia

#8D9322

Tritanopia

#A72D30

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FBDCBB
300
#F9C38B
400
#F6A24C
500
#F2810D
600
#C2670A
700
#9B5308
800
#794106
900
#583109
950
#371F06

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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