#AAB889

#AAB889

Color Values

HEX

#AAB889

RGB

170, 184, 137

HSL

77.9, 24.9%, 62.9%

HSV

77.9, 25.5%, 72.2%

CMYK

7.6%, 0.0%, 25.5%, 27.8%

OKLCH

0.7596 0.0662 121.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AAB889

#9789B8

Analogous

#B8AE89

#92B889

#AAB889

Triadic

#AAB889

#89AAB8

#B889AA

Split Complementary

#AAB889

#8992B8

#AE89B8

Tetradic

#AAB889

#89B8AE

#9789B8

#B88992

Color Blindness Simulation

Original

#AAB889

Protanopia

#B0B094

Deuteranopia

#AFAE97

Tritanopia

#AB9D9F

Achromatopsia

#B2B2B2

CSS Usage

background-color: #AAB889;
color: #AAB889;
border-color: #AAB889;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#DFE4D2
300
#C8D1B3
400
#AAB889
500
#8C9F60
600
#707F4D
700
#5A663D
800
#465030
900
#353B26
950
#212518

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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