#A6AFB8

#A6AFB8

Color Values

HEX

#A6AFB8

RGB

166, 175, 184

HSL

210.0, 11.2%, 68.6%

HSV

210.0, 9.8%, 72.2%

CMYK

9.8%, 4.9%, 0.0%, 27.8%

OKLCH

0.7497 0.0164 248.0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#A6AFB8

#B8AFA6

Analogous

#A6B8B8

#A6A6B8

#A6AFB8

Triadic

#A6AFB8

#B8A6AF

#AFB8A6

Split Complementary

#A6AFB8

#B8A6A6

#B8B8A6

Tetradic

#A6AFB8

#B8A6B8

#B8AFA6

#A6B8A6

Color Blindness Simulation

Original

#A6AFB8

Protanopia

#AAAAB6

Deuteranopia

#A9A9B5

Tritanopia

#A6B4B4

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBDF
300
#BBC2C9
400
#96A1AB
500
#71808E
600
#5B6671
700
#48525B
800
#394047
900
#2C3035
950
#1C1F22

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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