#ABBDBB

#ABBDBB

Color Values

HEX

#ABBDBB

RGB

171, 189, 187

HSL

173,3, 12,0%, 70,6%

HSV

173,3, 9,5%, 74,1%

CMYK

9,5%, 0,0%, 1,1%, 25,9%

OKLCH

0,784 0,02 188,7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABBDBB

#BDABAD

Analogous

#ABBDB2

#ABB6BD

#ABBDBB

Triadic

#ABBDBB

#BBABBD

#BDBBAB

Split Complementary

#ABBDBB

#BDABB6

#BDB2AB

Tetradic

#ABBDBB

#B2ABBD

#BDABAD

#B6BDAB

Color Blindness Simulation

Original

#ABBDBB

Protanopia

#B3B3BB

Deuteranopia

#B2B0BC

Tritanopia

#ACBCBC

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0DF
300
#BAC9C8
400
#95ACA9
500
#708F8B
600
#5A7270
700
#485B59
800
#384746
900
#2B3635
950
#1B2221

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

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