#A4BCB1

#A4BCB1

Color Values

HEX

#A4BCB1

RGB

164, 188, 177

HSL

152.5, 15.2%, 69.0%

HSV

152.5, 12.8%, 73.7%

CMYK

12.8%, 0.0%, 5.9%, 26.3%

OKLCH

0.7738 0.0305 166.2

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#A4BCB1

#BCA4AF

Analogous

#A4BCA5

#A4BBBC

#A4BCB1

Triadic

#A4BCB1

#B1A4BC

#BCB1A4

Split Complementary

#A4BCB1

#BCA4BB

#BCA5A4

Tetradic

#A4BCB1

#A5A4BC

#BCA4AF

#BBBCA4

Color Blindness Simulation

Original

#A4BCB1

Protanopia

#AEAFB4

Deuteranopia

#ADABB4

Tritanopia

#A5B6B6

Achromatopsia

#B6B6B6

CSS Usage

background-color: #A4BCB1;
color: #A4BCB1;
border-color: #A4BCB1;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DC
300
#B8CBC3
400
#92AFA2
500
#6C9381
600
#567667
700
#455E53
800
#364941
900
#2A3731
950
#1A231F

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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