#ACBBA4

#ACBBA4

Color Values

HEX

#ACBBA4

RGB

172, 187, 164

HSL

99.1, 14.5%, 68.8%

HSV

99.1, 12.3%, 73.3%

CMYK

8.0%, 0.0%, 12.3%, 26.7%

OKLCH

0.774 0.0361 134.6

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ACBBA4

#B3A4BB

Analogous

#B7BBA4

#A4BBA7

#ACBBA4

Triadic

#ACBBA4

#A4ACBB

#BBA4AC

Split Complementary

#ACBBA4

#A7A4BB

#BBA4B7

Tetradic

#ACBBA4

#A4B7BB

#B3A4BB

#BBA7A4

Color Blindness Simulation

Original

#ACBBA4

Protanopia

#B2B3AA

Deuteranopia

#B2B0AB

Tritanopia

#ADAEAF

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#DAE0D6
300
#BFCBB9
400
#9DAE93
500
#7A926D
600
#627557
700
#4E5D46
800
#3D4937
900
#2F372A
950
#1D231B

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026