#B2AEC3

#B2AEC3

Color Values

HEX

#B2AEC3

RGB

178, 174, 195

HSL

251.4, 14.9%, 72.4%

HSV

251.4, 10.8%, 76.5%

CMYK

8.7%, 10.8%, 0.0%, 23.5%

OKLCH

0.7608 0.03 294.4

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#B2AEC3

#BFC3AE

Analogous

#AEB5C3

#BDAEC3

#B2AEC3

Triadic

#B2AEC3

#C3B2AE

#AEC3B2

Split Complementary

#B2AEC3

#C3BDAE

#B5C3AE

Tetradic

#B2AEC3

#C3AEB5

#BFC3AE

#AEC3BD

Color Blindness Simulation

Original

#B2AEC3

Protanopia

#B0B0BE

Deuteranopia

#B0B1BD

Tritanopia

#B2BAB9

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D8D6E1
300
#BCB9CB
400
#9893AF
500
#746D92
600
#5D5775
700
#4A455E
800
#3A3649
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.74:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026