#AFA488

#AFA488

Color Values

HEX

#AFA488

RGB

175, 164, 136

HSL

43.1, 19.6%, 61.0%

HSV

43.1, 22.3%, 68.6%

CMYK

0.0%, 6.3%, 22.3%, 31.4%

OKLCH

0.7206 0.041 89.1

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFA488

#8893AF

Analogous

#AF9188

#A7AF88

#AFA488

Triadic

#AFA488

#88AFA4

#A488AF

Split Complementary

#AFA488

#88A7AF

#9188AF

Tetradic

#AFA488

#88AF91

#8893AF

#AF88A7

Color Blindness Simulation

Original

#AFA488

Protanopia

#AAAA8F

Deuteranopia

#ABAC90

Tritanopia

#AE9495

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED4
300
#CEC7B6
400
#B3A98E
500
#988A67
600
#7A6F52
700
#625942
800
#4C4533
900
#393428
950
#242119

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026