#ACA196

#ACA196

Color Values

HEX

#ACA196

RGB

172, 161, 150

HSL

30,0, 11,7%, 63,1%

HSV

30,0, 12,8%, 67,5%

CMYK

0,0%, 6,4%, 12,8%, 32,5%

OKLCH

0,7152 0,0203 67,5

Properties

Warm Light Nearest: RAL 7004 Signal Grey

Color Harmonies

Complementary

#ACA196

#96A1AC

Analogous

#AC9696

#ACAC96

#ACA196

Triadic

#ACA196

#96ACA1

#A196AC

Split Complementary

#ACA196

#96ACAC

#9696AC

Tetradic

#ACA196

#96AC96

#96A1AC

#AC96AC

Color Blindness Simulation

Original

#ACA196

Protanopia

#A7A799

Deuteranopia

#A8A999

Tritanopia

#AB9B9B

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDBD7
300
#C9C2BB
400
#ACA196
500
#8E8071
600
#72665A
700
#5B5248
800
#474038
900
#36302B
950
#221F1B

Contrast Checker

Text on white

2,53:1

AA Fail AAA Fail

Text on black

8,29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026