#A7AE7F

#A7AE7F

Color Values

HEX

#A7AE7F

RGB

167, 174, 127

HSL

68.9, 22.5%, 59.0%

HSV

68.9, 27.0%, 68.2%

CMYK

4.0%, 0.0%, 27.0%, 31.8%

OKLCH

0.7332 0.0649 114.9

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#A7AE7F

#867FAE

Analogous

#AE9D7F

#8FAE7F

#A7AE7F

Triadic

#A7AE7F

#7FA7AE

#AE7FA7

Split Complementary

#A7AE7F

#7F8FAE

#9D7FAE

Tetradic

#A7AE7F

#7FAE9D

#867FAE

#AE7F8F

Color Blindness Simulation

Original

#A7AE7F

Protanopia

#AAAA8A

Deuteranopia

#AAA98D

Tritanopia

#A79395

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F1EA
200
#E1E3D3
300
#CBD0B4
400
#B0B68B
500
#949C63
600
#767D4F
700
#5F643F
800
#4A4E31
900
#373A27
950
#232518

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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