#AEABBC

#AEABBC

Color Values

HEX

#AEABBC

RGB

174, 171, 188

HSL

250,6, 11,3%, 70,4%

HSV

250,6, 9,0%, 73,7%

CMYK

7,4%, 9,0%, 0,0%, 26,3%

OKLCH

0,749 0,0243 293,9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#AEABBC

#B9BCAB

Analogous

#ABB1BC

#B7ABBC

#AEABBC

Triadic

#AEABBC

#BCAEAB

#ABBCAE

Split Complementary

#AEABBC

#BCB7AB

#B1BCAB

Tetradic

#AEABBC

#BCABB1

#B9BCAB

#ABBCB7

Color Blindness Simulation

Original

#AEABBC

Protanopia

#ADADB8

Deuteranopia

#ADADB7

Tritanopia

#AEB5B4

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D9D7DF
300
#BDBBC9
400
#9A96AB
500
#76718E
600
#5F5A72
700
#4C485B
800
#3B3947
900
#2D2C35
950
#1D1B22

Contrast Checker

Text on white

2,25:1

AA Fail AAA Fail

Text on black

9,35: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