#AB7C46

#AB7C46

Color Values

HEX

#AB7C46

RGB

171, 124, 70

HSL

32.1, 41.9%, 47.3%

HSV

32.1, 59.1%, 67.1%

CMYK

0.0%, 27.5%, 59.1%, 32.9%

OKLCH

0.6218 0.0919 68.6

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AB7C46

#4675AB

Analogous

#AB4A46

#A8AB46

#AB7C46

Triadic

#AB7C46

#46AB7C

#7C46AB

Split Complementary

#AB7C46

#46A8AB

#4A46AB

Tetradic

#AB7C46

#46AB4A

#4675AB

#AB46A8

Color Blindness Simulation

Original

#AB7C46

Protanopia

#979653

Deuteranopia

#999D56

Tritanopia

#A95D60

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADCCC
300
#DBC4A8
400
#C8A379
500
#B5834A
600
#91693B
700
#74542F
800
#5A4225
900
#43321E
950
#2A1F13

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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