#AFABA7

#AFABA7

Color Values

HEX

#AFABA7

RGB

175, 171, 167

HSL

30.0, 4.8%, 67.1%

HSV

30.0, 4.6%, 68.6%

CMYK

0.0%, 2.3%, 4.6%, 31.4%

OKLCH

0.7433 0.0073 67.7

Properties

Warm Light Nearest: darkgrey

Color Harmonies

Complementary

#AFABA7

#A7ABAF

Analogous

#AFA7A7

#AFAFA7

#AFABA7

Triadic

#AFABA7

#A7AFAB

#ABA7AF

Split Complementary

#AFABA7

#A7AFAF

#A7A7AF

Tetradic

#AFABA7

#A7AFA7

#A7ABAF

#AFA7AF

Color Blindness Simulation

Original

#AFABA7

Protanopia

#ADADA8

Deuteranopia

#AEAEA8

Tritanopia

#AFA9A9

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDBDA
300
#C5C2BF
400
#A5A19C
500
#868079
600
#6B6661
700
#56524E
800
#43403D
900
#33302E
950
#201F1D

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026