#A1AFB4

#A1AFB4

Color Values

HEX

#A1AFB4

RGB

161, 175, 180

HSL

195.8, 11.2%, 66.9%

HSV

195.8, 10.6%, 70.6%

CMYK

10.6%, 2.8%, 0.0%, 29.4%

OKLCH

0.7446 0.0173 221.1

Properties

Cool Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#A1AFB4

#B4A6A1

Analogous

#A1B4B0

#A1A6B4

#A1AFB4

Triadic

#A1AFB4

#B4A1AF

#AFB4A1

Split Complementary

#A1AFB4

#B4A1A6

#B4B0A1

Tetradic

#A1AFB4

#B0A1B4

#B4A6A1

#A6B4A1

Color Blindness Simulation

Original

#A1AFB4

Protanopia

#A7A7B3

Deuteranopia

#A6A5B2

Tritanopia

#A2B2B2

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDDF
300
#BBC5C9
400
#96A6AB
500
#71868E
600
#5B6B71
700
#48565B
800
#394347
900
#2C3335
950
#1C2022

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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