#AB6016

#AB6016

Color Values

HEX

#AB6016

RGB

171, 96, 22

HSL

29.8, 77.2%, 37.8%

HSV

29.8, 87.1%, 67.1%

CMYK

0.0%, 43.9%, 87.1%, 32.9%

OKLCH

0.5643 0.126 58.4

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AB6016

#1661AB

Analogous

#AB1616

#ABAA16

#AB6016

Triadic

#AB6016

#16AB60

#6016AB

Split Complementary

#AB6016

#16ABAA

#1616AB

Tetradic

#AB6016

#16AB16

#1661AB

#AA16AB

Color Blindness Simulation

Original

#AB6016

Protanopia

#8B8A28

Deuteranopia

#8F942C

Tritanopia

#A73639

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBC0
300
#F1C193
400
#E9A058
500
#E27F1D
600
#B56517
700
#915113
800
#713F0F
900
#52300F
950
#341E09

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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