#ABBBAF

#ABBBAF

Color Values

HEX

#ABBBAF

RGB

171, 187, 175

HSL

135,0, 10,5%, 70,2%

HSV

135,0, 8,6%, 73,3%

CMYK

8,6%, 0,0%, 6,4%, 26,7%

OKLCH

0,7762 0,0244 153,3

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#ABBBAF

#BBABB7

Analogous

#AFBBAB

#ABBBB7

#ABBBAF

Triadic

#ABBBAF

#AFABBB

#BBAFAB

Split Complementary

#ABBBAF

#B7ABBB

#BBABAF

Tetradic

#ABBBAF

#ABAFBB

#BBABB7

#BBB7AB

Color Blindness Simulation

Original

#ABBBAF

Protanopia

#B2B2B2

Deuteranopia

#B1B0B3

Tritanopia

#ACB4B5

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD9
300
#BBC8BF
400
#97AB9C
500
#728D79
600
#5B7161
700
#495A4D
800
#39463C
900
#2C352E
950
#1C211D

Contrast Checker

Text on white

2,01:1

AA Fail AAA Fail

Text on black

10,46: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