#AFA397

#AFA397

Color Values

HEX

#AFA397

RGB

175, 163, 151

HSL

30.0, 13.0%, 63.9%

HSV

30.0, 13.7%, 68.6%

CMYK

0.0%, 6.9%, 13.7%, 31.4%

OKLCH

0.7223 0.0221 67.5

Properties

Warm Light Nearest: RAL 9006 White Aluminium

Color Harmonies

Complementary

#AFA397

#97A3AF

Analogous

#AF9797

#AFAF97

#AFA397

Triadic

#AFA397

#97AFA3

#A397AF

Split Complementary

#AFA397

#97AFAF

#9797AF

Tetradic

#AFA397

#97AF97

#97A3AF

#AF97AF

Color Blindness Simulation

Original

#AFA397

Protanopia

#AAAA9A

Deuteranopia

#AAAB9B

Tritanopia

#AE9C9D

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DBD7
300
#CAC2BA
400
#ADA194
500
#90806F
600
#736659
700
#5C5247
800
#484037
900
#36302B
950
#221F1B

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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