#AB550D

#AB550D

Color Values

HEX

#AB550D

RGB

171, 85, 13

HSL

27.3, 85.9%, 36.1%

HSV

27.3, 92.4%, 67.1%

CMYK

0.0%, 50.3%, 92.4%, 32.9%

OKLCH

0.5451 0.1346 52.3

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AB550D

#0D63AB

Analogous

#AB0D14

#ABA40D

#AB550D

Triadic

#AB550D

#0DAB55

#550DAB

Split Complementary

#AB550D

#0DABA4

#0D14AB

Tetradic

#AB550D

#14AB0D

#0D63AB

#A40DAB

Color Blindness Simulation

Original

#AB550D

Protanopia

#86851E

Deuteranopia

#8B9123

Tritanopia

#A72C2F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD9BD
300
#F6BD8D
400
#F29950
500
#ED7612
600
#BE5E0E
700
#984B0C
800
#773B09
900
#562D0B
950
#361C07

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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