#AEBFBF

#AEBFBF

Color Values

HEX

#AEBFBF

RGB

174, 191, 191

HSL

180.0, 11.7%, 71.6%

HSV

180.0, 8.9%, 74.9%

CMYK

8.9%, 0.0%, 0.0%, 25.1%

OKLCH

0.7916 0.0187 196.8

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#AEBFBF

#BFAEAE

Analogous

#AEBFB7

#AEB7BF

#AEBFBF

Triadic

#AEBFBF

#BFAEBF

#BFBFAE

Split Complementary

#AEBFBF

#BFAEB7

#BFB7AE

Tetradic

#AEBFBF

#B7AEBF

#BFAEAE

#B7BFAE

Color Blindness Simulation

Original

#AEBFBF

Protanopia

#B5B6BF

Deuteranopia

#B4B3BF

Tritanopia

#AFBFBF

Achromatopsia

#BBBBBB

CSS Usage

background-color: #AEBFBF;
color: #AEBFBF;
border-color: #AEBFBF;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC9C9
400
#96ACAC
500
#718E8E
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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