#ABBA93

#ABBA93

Color Values

HEX

#ABBA93

RGB

171, 186, 147

HSL

83.1, 22.0%, 65.3%

HSV

83.1, 21.0%, 72.9%

CMYK

8.1%, 0.0%, 21.0%, 27.1%

OKLCH

0.7669 0.0563 124.8

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ABBA93

#A293BA

Analogous

#BAB693

#98BA93

#ABBA93

Triadic

#ABBA93

#93ABBA

#BA93AB

Split Complementary

#ABBA93

#9398BA

#B693BA

Tetradic

#ABBA93

#93BAB6

#A293BA

#BA9398

Color Blindness Simulation

Original

#ABBA93

Protanopia

#B1B29C

Deuteranopia

#B1B09F

Tritanopia

#ACA4A6

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DDE3D3
300
#C5CFB4
400
#A5B58C
500
#869C63
600
#6B7C50
700
#566440
800
#434E32
900
#333A27
950
#202519

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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