#ABA777

#ABA777

Color Values

HEX

#ABA777

RGB

171, 167, 119

HSL

55.4, 23.6%, 56.9%

HSV

55.4, 30.4%, 67.1%

CMYK

0.0%, 2.3%, 30.4%, 32.9%

OKLCH

0.7198 0.0655 103.9

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#ABA777

#777BAB

Analogous

#AB8D77

#95AB77

#ABA777

Triadic

#ABA777

#77ABA7

#A777AB

Split Complementary

#ABA777

#7795AB

#8D77AB

Tetradic

#ABA777

#77AB8D

#777BAB

#AB7795

Color Blindness Simulation

Original

#ABA777

Protanopia

#A9A983

Deuteranopia

#AAAA85

Tritanopia

#AB8C8E

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F0EA
200
#E4E2D3
300
#D0CEB3
400
#B7B48A
500
#9E9961
600
#7E7A4E
700
#65623E
800
#4F4C31
900
#3B3926
950
#252418

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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