#ABAFBF

#ABAFBF

Color Values

HEX

#ABAFBF

RGB

171, 175, 191

HSL

228.0, 13.5%, 71.0%

HSV

228.0, 10.5%, 74.9%

CMYK

10.5%, 8.4%, 0.0%, 25.1%

OKLCH

0.7559 0.0233 274.6

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ABAFBF

#BFBBAB

Analogous

#ABB9BF

#B1ABBF

#ABAFBF

Triadic

#ABAFBF

#BFABAF

#AFBFAB

Split Complementary

#ABAFBF

#BFB1AB

#B9BFAB

Tetradic

#ABAFBF

#BFABB9

#BFBBAB

#ABBFB1

Color Blindness Simulation

Original

#ABAFBF

Protanopia

#ADADBB

Deuteranopia

#ACACBA

Tritanopia

#ABB8B7

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E0
300
#BABDCA
400
#9499AD
500
#6E7591
600
#585E74
700
#474B5D
800
#373B48
900
#2B2D36
950
#1B1C22

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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