#A3978F

#A3978F

Color Values

HEX

#A3978F

RGB

163, 151, 143

HSL

24.0, 9.8%, 60.0%

HSV

24.0, 12.3%, 63.9%

CMYK

0.0%, 7.4%, 12.3%, 36.1%

OKLCH

0.6844 0.0184 56.1

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#A3978F

#8F9BA3

Analogous

#A38F91

#A3A18F

#A3978F

Triadic

#A3978F

#8FA397

#978FA3

Split Complementary

#A3978F

#8FA3A1

#8F91A3

Tetradic

#A3978F

#91A38F

#8F9BA3

#A18FA3

Color Blindness Simulation

Original

#A3978F

Protanopia

#9E9E91

Deuteranopia

#9E9F91

Tritanopia

#A29293

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BC
400
#AA9F97
500
#8C7D73
600
#70645C
700
#5A504A
800
#463F3A
900
#35302C
950
#211E1C

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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