#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