#A4BBC1

#A4BBC1

Color Values

HEX

#A4BBC1

RGB

164, 187, 193

HSL

192.4, 19.0%, 70.0%

HSV

192.4, 15.0%, 75.7%

CMYK

15.0%, 3.1%, 0.0%, 24.3%

OKLCH

0.7765 0.0266 215.2

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#A4BBC1

#C1AAA4

Analogous

#A4C1B9

#A4ACC1

#A4BBC1

Triadic

#A4BBC1

#C1A4BB

#BBC1A4

Split Complementary

#A4BBC1

#C1A4AC

#C1B9A4

Tetradic

#A4BBC1

#B9A4C1

#C1AAA4

#ACC1A4

Color Blindness Simulation

Original

#A4BBC1

Protanopia

#AEAEC0

Deuteranopia

#ADABBF

Tritanopia

#A5BEBE

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5DFE2
300
#B6C9CD
400
#8FABB3
500
#678E98
600
#537179
700
#425B61
800
#34474C
900
#283539
950
#192224

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