#AFBAAA

#AFBAAA

Color Values

HEX

#AFBAAA

RGB

175, 186, 170

HSL

101.2, 10.4%, 69.8%

HSV

101.2, 8.6%, 72.9%

CMYK

5.9%, 0.0%, 8.6%, 27.1%

OKLCH

0.7757 0.0254 135.7

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#AFBAAA

#B5AABA

Analogous

#B7BAAA

#AABAAD

#AFBAAA

Triadic

#AFBAAA

#AAAFBA

#BAAAAF

Split Complementary

#AFBAAA

#ADAABA

#BAAAB7

Tetradic

#AFBAAA

#AAB7BA

#B5AABA

#BAADAA

Color Blindness Simulation

Original

#AFBAAA

Protanopia

#B4B4AE

Deuteranopia

#B3B2AF

Tritanopia

#B0B1B2

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DADFD8
300
#BFC8BB
400
#9DAA97
500
#7B8D72
600
#62715B
700
#4E5A49
800
#3D4639
900
#2F352C
950
#1E211C

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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