#AB7346

#AB7346

Color Values

HEX

#AB7346

RGB

171, 115, 70

HSL

26.7, 41.9%, 47.3%

HSV

26.7, 59.1%, 67.1%

CMYK

0.0%, 32.7%, 59.1%, 32.9%

OKLCH

0.6042 0.0933 58.5

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AB7346

#467EAB

Analogous

#AB464C

#ABA646

#AB7346

Triadic

#AB7346

#46AB73

#7346AB

Split Complementary

#AB7346

#46ABA6

#464CAB

Tetradic

#AB7346

#4CAB46

#467EAB

#A646AB

Color Blindness Simulation

Original

#AB7346

Protanopia

#939251

Deuteranopia

#969A54

Tritanopia

#A8595B

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AB7346;
color: #AB7346;
border-color: #AB7346;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EADACC
300
#DBBFA8
400
#C89C79
500
#B57A4A
600
#91613B
700
#744E2F
800
#5A3D25
900
#432E1E
950
#2A1D13

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass 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