#ABAF86

#ABAF86

Color Values

HEX

#ABAF86

RGB

171, 175, 134

HSL

65.9, 20.4%, 60.6%

HSV

65.9, 23.4%, 68.6%

CMYK

2.3%, 0.0%, 23.4%, 31.4%

OKLCH

0.7402 0.0565 112.3

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ABAF86

#8A86AF

Analogous

#AF9F86

#96AF86

#ABAF86

Triadic

#ABAF86

#86ABAF

#AF86AB

Split Complementary

#ABAF86

#8696AF

#9F86AF

Tetradic

#ABAF86

#86AF9F

#8A86AF

#AF8696

Color Blindness Simulation

Original

#ABAF86

Protanopia

#ADAD90

Deuteranopia

#ACAC92

Tritanopia

#AB9899

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F0EA
200
#E1E3D4
300
#CCCEB5
400
#B0B48D
500
#949A65
600
#777B51
700
#5F6241
800
#4A4D33
900
#383928
950
#232419

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026