#ABA871

#ABA871

Color Values

HEX

#ABA871

RGB

171, 168, 113

HSL

56.9, 25.7%, 55.7%

HSV

56.9, 33.9%, 67.1%

CMYK

0.0%, 1.8%, 33.9%, 32.9%

OKLCH

0.7208 0.0742 105.5

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#ABA871

#7174AB

Analogous

#AB8B71

#91AB71

#ABA871

Triadic

#ABA871

#71ABA8

#A871AB

Split Complementary

#ABA871

#7191AB

#8B71AB

Tetradic

#ABA871

#71AB8B

#7174AB

#AB7191

Color Blindness Simulation

Original

#ABA871

Protanopia

#AAAA7E

Deuteranopia

#AAAA82

Tritanopia

#AB898B

Achromatopsia

#A5A5A5

CSS Usage

background-color: #ABA871;
color: #ABA871;
border-color: #ABA871;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D2
300
#D2D0B2
400
#B9B688
500
#A09D5F
600
#807E4C
700
#67643D
800
#504E2F
900
#3C3A25
950
#262518

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57:1

AA Pass AAA Pass

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