#ABB386

#ABB386

Color Values

HEX

#ABB386

RGB

171, 179, 134

HSL

70.7, 22.8%, 61.4%

HSV

70.7, 25.1%, 70.2%

CMYK

4.5%, 0.0%, 25.1%, 29.8%

OKLCH

0.7488 0.0623 116.1

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ABB386

#8E86B3

Analogous

#B3A586

#95B386

#ABB386

Triadic

#ABB386

#86ABB3

#B386AB

Split Complementary

#ABB386

#8695B3

#A586B3

Tetradic

#ABB386

#86B3A5

#8E86B3

#B38695

Color Blindness Simulation

Original

#ABB386

Protanopia

#AEAF91

Deuteranopia

#AEAD94

Tritanopia

#AB999B

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E1E3D3
300
#CBD0B4
400
#AEB68B
500
#929D62
600
#757D4F
700
#5E643F
800
#494E31
900
#373A27
950
#232518

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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