#A0BABC

#A0BABC

Color Values

HEX

#A0BABC

RGB

160, 186, 188

HSL

184.3, 17.3%, 68.2%

HSV

184.3, 14.9%, 73.7%

CMYK

14.9%, 1.1%, 0.0%, 26.3%

OKLCH

0.77 0.0285 202.3

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#A0BABC

#BCA2A0

Analogous

#A0BCB0

#A0ACBC

#A0BABC

Triadic

#A0BABC

#BCA0BA

#BABCA0

Split Complementary

#A0BABC

#BCA0AC

#BCB0A0

Tetradic

#A0BABC

#B0A0BC

#BCA2A0

#ACBCA0

Color Blindness Simulation

Original

#A0BABC

Protanopia

#ABABBC

Deuteranopia

#AAA8BB

Tritanopia

#A1BBBB

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E1E1
300
#B7CBCC
400
#90AFB1
500
#699296
600
#547578
700
#435E60
800
#35494B
900
#293738
950
#1A2323

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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