#A3AFBD

#A3AFBD

Color Values

HEX

#A3AFBD

RGB

163, 175, 189

HSL

212.3, 16.5%, 69.0%

HSV

212.3, 13.8%, 74.1%

CMYK

13.8%, 7.4%, 0.0%, 25.9%

OKLCH

0.749 0.0243 252.2

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#A3AFBD

#BDB1A3

Analogous

#A3BCBD

#A4A3BD

#A3AFBD

Triadic

#A3AFBD

#BDA3AF

#AFBDA3

Split Complementary

#A3AFBD

#BDA4A3

#BCBDA3

Tetradic

#A3AFBD

#BDA3BC

#BDB1A3

#A3BDA4

Color Blindness Simulation

Original

#A3AFBD

Protanopia

#A8A8BA

Deuteranopia

#A8A7B9

Tritanopia

#A4B7B6

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B8C1CC
400
#919FB0
500
#6A7E95
600
#556577
700
#44515F
800
#353F4A
900
#293038
950
#1A1E23

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026