#AFBFAA

#AFBFAA

Color Values

HEX

#AFBFAA

RGB

175, 191, 170

HSL

105,7, 14,1%, 70,8%

HSV

105,7, 11,0%, 74,9%

CMYK

8,4%, 0,0%, 11,0%, 25,1%

OKLCH

0,7864 0,0341 138,2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#AFBFAA

#BAAABF

Analogous

#BABFAA

#AABFB0

#AFBFAA

Triadic

#AFBFAA

#AAAFBF

#BFAAAF

Split Complementary

#AFBFAA

#B0AABF

#BFAABA

Tetradic

#AFBFAA

#AABABF

#BAAABF

#BFB0AA

Color Blindness Simulation

Original

#AFBFAA

Protanopia

#B6B6AF

Deuteranopia

#B5B4B0

Tritanopia

#B0B3B4

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D9E0D6
300
#BDCAB9
400
#9AAE93
500
#76916E
600
#5E7458
700
#4C5D46
800
#3B4937
900
#2D372A
950
#1D221B

Contrast Checker

Text on white

1,93:1

AA Fail AAA Fail

Text on black

10,86: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