#AF9DA0

#AF9DA0

Color Values

HEX

#AF9DA0

RGB

175, 157, 160

HSL

350,0, 10,1%, 65,1%

HSV

350,0, 10,3%, 68,6%

CMYK

0,0%, 10,3%, 8,6%, 31,4%

OKLCH

0,7125 0,0215 6,2

Properties

Warm Light Nearest: RAL 9006 White Aluminium

Color Harmonies

Complementary

#AF9DA0

#9DAFAC

Analogous

#AF9DA9

#AFA39D

#AF9DA0

Triadic

#AF9DA0

#A0AF9D

#9DA0AF

Split Complementary

#AF9DA0

#9DAFA3

#9DA9AF

Tetradic

#AF9DA0

#A9AF9D

#9DAFAC

#A39DAF

Color Blindness Simulation

Original

#AF9DA0

Protanopia

#A7A79F

Deuteranopia

#A8AA9F

Tritanopia

#AE9F9F

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D9
300
#C8BCBE
400
#AA979A
500
#8C7377
600
#705C5F
700
#5A494C
800
#46393B
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

2,58:1

AA Fail AAA Fail

Text on black

8,15: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