#ABBFBA

#ABBFBA

Color Values

HEX

#ABBFBA

RGB

171, 191, 186

HSL

165.0, 13.5%, 71.0%

HSV

165.0, 10.5%, 74.9%

CMYK

10.5%, 0.0%, 2.6%, 25.1%

OKLCH

0.7879 0.023 179.0

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABBFBA

#BFABB0

Analogous

#ABBFB0

#ABBABF

#ABBFBA

Triadic

#ABBFBA

#BAABBF

#BFBAAB

Split Complementary

#ABBFBA

#BFABBA

#BFB0AB

Tetradic

#ABBFBA

#B0ABBF

#BFABB0

#BABFAB

Color Blindness Simulation

Original

#ABBFBA

Protanopia

#B4B4BB

Deuteranopia

#B2B1BC

Tritanopia

#ACBCBC

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#BACAC6
400
#94ADA7
500
#6E9188
600
#58746D
700
#475D57
800
#374844
900
#2B3633
950
#1B2220

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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