#AFABA3

#AFABA3

Color Values

HEX

#AFABA3

RGB

175, 171, 163

HSL

40.0, 7.0%, 66.3%

HSV

40.0, 6.9%, 68.6%

CMYK

0.0%, 2.3%, 6.9%, 31.4%

OKLCH

0.7422 0.0122 84.6

Properties

Warm Light Nearest: darkgrey

Color Harmonies

Complementary

#AFABA3

#A3A7AF

Analogous

#AFA5A3

#ADAFA3

#AFABA3

Triadic

#AFABA3

#A3AFAB

#ABA3AF

Split Complementary

#AFABA3

#A3ADAF

#A5A3AF

Tetradic

#AFABA3

#A3AFA5

#A3A7AF

#AFA3AD

Color Blindness Simulation

Original

#AFABA3

Protanopia

#ADADA5

Deuteranopia

#AEAEA5

Tritanopia

#AFA6A7

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C3BE
400
#A7A39A
500
#888277
600
#6D685F
700
#57544C
800
#44413B
900
#34312D
950
#211F1D

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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