#AFA388

#AFA388

Color Values

HEX

#AFA388

RGB

175, 163, 136

HSL

41.5, 19.6%, 61.0%

HSV

41.5, 22.3%, 68.6%

CMYK

0.0%, 6.9%, 22.3%, 31.4%

OKLCH

0.7185 0.0401 86.9

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFA388

#8894AF

Analogous

#AF9088

#A8AF88

#AFA388

Triadic

#AFA388

#88AFA3

#A388AF

Split Complementary

#AFA388

#88A8AF

#9088AF

Tetradic

#AFA388

#88AF90

#8894AF

#AF88A8

Color Blindness Simulation

Original

#AFA388

Protanopia

#AAAA8F

Deuteranopia

#AAAB90

Tritanopia

#AE9495

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED4
300
#CEC6B6
400
#B3A88E
500
#988967
600
#7A6E52
700
#625842
800
#4C4533
900
#393428
950
#242119

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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