#A2ABC0

#A2ABC0

Color Values

HEX

#A2ABC0

RGB

162, 171, 192

HSL

222,0, 19,2%, 69,4%

HSV

222,0, 15,6%, 75,3%

CMYK

15,6%, 10,9%, 0,0%, 24,7%

OKLCH

0,7409 0,0319 267,1

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#A2ABC0

#C0B7A2

Analogous

#A2BAC0

#A8A2C0

#A2ABC0

Triadic

#A2ABC0

#C0A2AB

#ABC0A2

Split Complementary

#A2ABC0

#C0A8A2

#BAC0A2

Tetradic

#A2ABC0

#C0A2BA

#C0B7A2

#A2C0A8

Color Blindness Simulation

Original

#A2ABC0

Protanopia

#A6A6BB

Deuteranopia

#A5A5BA

Tritanopia

#A2B7B6

Achromatopsia

#ABABAB

CSS Usage

background-color: #A2ABC0;
color: #A2ABC0;
border-color: #A2ABC0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E2
300
#B6BDCE
400
#8F99B3
500
#677698
600
#525E7A
700
#424B61
800
#343B4C
900
#282D39
950
#191C24

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026