#ACB596

#ACB596

Color Values

HEX

#ACB596

RGB

172, 181, 150

HSL

77.4, 17.3%, 64.9%

HSV

77.4, 17.1%, 71.0%

CMYK

5.0%, 0.0%, 17.1%, 29.0%

OKLCH

0.7576 0.0441 120.6

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ACB596

#9F96B5

Analogous

#B5AE96

#9DB596

#ACB596

Triadic

#ACB596

#96ACB5

#B596AC

Split Complementary

#ACB596

#969DB5

#AE96B5

Tetradic

#ACB596

#96B5AE

#9F96B5

#B5969D

Color Blindness Simulation

Original

#ACB596

Protanopia

#B0B09D

Deuteranopia

#AFAF9F

Tritanopia

#ACA3A5

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DEE1D5
300
#C6CCB7
400
#A8B190
500
#899669
600
#6D7854
700
#586043
800
#444B35
900
#343829
950
#21231A

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026