#A1BABD

#A1BABD

Color Values

HEX

#A1BABD

RGB

161, 186, 189

HSL

186.4, 17.5%, 68.6%

HSV

186.4, 14.8%, 74.1%

CMYK

14.8%, 1.6%, 0.0%, 25.9%

OKLCH

0.771 0.0277 205.4

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#A1BABD

#BDA4A1

Analogous

#A1BDB2

#A1ACBD

#A1BABD

Triadic

#A1BABD

#BDA1BA

#BABDA1

Split Complementary

#A1BABD

#BDA1AC

#BDB2A1

Tetradic

#A1BABD

#B2A1BD

#BDA4A1

#ACBDA1

Color Blindness Simulation

Original

#A1BABD

Protanopia

#ACACBC

Deuteranopia

#AAA8BC

Tritanopia

#A2BCBC

Achromatopsia

#B5B5B5

CSS Usage

background-color: #A1BABD;
color: #A1BABD;
border-color: #A1BABD;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90AEB1
500
#699196
600
#547478
700
#435D60
800
#35494B
900
#293638
950
#1A2223

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026