#AFBCA1

#AFBCA1

Color Values

HEX

#AFBCA1

RGB

175, 188, 161

HSL

88.9, 16.8%, 68.4%

HSV

88.9, 14.4%, 73.7%

CMYK

6.9%, 0.0%, 14.4%, 26.3%

OKLCH

0.7777 0.0401 128.3

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFBCA1

#AEA1BC

Analogous

#BCBBA1

#A1BCA1

#AFBCA1

Triadic

#AFBCA1

#A1AFBC

#BCA1AF

Split Complementary

#AFBCA1

#A1A1BC

#BBA1BC

Tetradic

#AFBCA1

#A1BCBB

#AEA1BC

#BCA1A1

Color Blindness Simulation

Original

#AFBCA1

Protanopia

#B5B5A8

Deuteranopia

#B4B3A9

Tritanopia

#B0ADAE

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DCE1D5
300
#C2CCB8
400
#A1B191
500
#80956A
600
#677755
700
#525F44
800
#404A35
900
#313829
950
#1F231A

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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