#A5AFB4

#A5AFB4

Color Values

HEX

#A5AFB4

RGB

165, 175, 180

HSL

200.0, 9.1%, 67.6%

HSV

200.0, 8.3%, 70.6%

CMYK

8.3%, 2.8%, 0.0%, 29.4%

OKLCH

0.7476 0.0134 229.0

Properties

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

Color Harmonies

Complementary

#A5AFB4

#B4AAA5

Analogous

#A5B4B1

#A5A7B4

#A5AFB4

Triadic

#A5AFB4

#B4A5AF

#AFB4A5

Split Complementary

#A5AFB4

#B4A5A7

#B4B1A5

Tetradic

#A5AFB4

#B1A5B4

#B4AAA5

#A7B4A5

Color Blindness Simulation

Original

#A5AFB4

Protanopia

#A9A9B3

Deuteranopia

#A9A8B2

Tritanopia

#A6B2B2

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DCDF
300
#BCC4C7
400
#98A4A9
500
#74838B
600
#5D696F
700
#4A5459
800
#3A4246
900
#2C3234
950
#1C1F21

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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