#ABA172

#ABA172

Color Values

HEX

#ABA172

RGB

171, 161, 114

HSL

49.5, 25.3%, 55.9%

HSV

49.5, 33.3%, 67.1%

CMYK

0.0%, 5.8%, 33.3%, 32.9%

OKLCH

0.7059 0.065 97.6

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#ABA172

#727CAB

Analogous

#AB8572

#99AB72

#ABA172

Triadic

#ABA172

#72ABA1

#A172AB

Split Complementary

#ABA172

#7299AB

#8572AB

Tetradic

#ABA172

#72AB85

#727CAB

#AB7299

Color Blindness Simulation

Original

#ABA172

Protanopia

#A7A77D

Deuteranopia

#A7A880

Tritanopia

#AA8688

Achromatopsia

#A0A0A0

CSS Usage

background-color: #ABA172;
color: #ABA172;
border-color: #ABA172;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F8F6
100
#F1F0E9
200
#E4E1D2
300
#D1CCB2
400
#B9B089
500
#A0945F
600
#80774C
700
#665F3D
800
#504A30
900
#3B3825
950
#262318

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026