#AB7F59

#AB7F59

Color Values

HEX

#AB7F59

RGB

171, 127, 89

HSL

27.8, 32.8%, 51.0%

HSV

27.8, 48.0%, 67.1%

CMYK

0.0%, 25.7%, 48.0%, 32.9%

OKLCH

0.6308 0.0759 61.6

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AB7F59

#5985AB

Analogous

#AB595C

#ABA859

#AB7F59

Triadic

#AB7F59

#59AB7F

#7F59AB

Split Complementary

#AB7F59

#59ABA8

#595CAB

Tetradic

#AB7F59

#5CAB59

#5985AB

#A859AB

Color Blindness Simulation

Original

#AB7F59

Protanopia

#989862

Deuteranopia

#9A9E64

Tritanopia

#A9696B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DAD0
300
#D6C0AE
400
#C09E82
500
#A97C56
600
#876445
700
#6C5037
800
#553E2B
900
#3F2F22
950
#281E16

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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