#BAB2C5

#BAB2C5

Color Values

HEX

#BAB2C5

RGB

186, 178, 197

HSL

265,3, 14,1%, 73,5%

HSV

265,3, 9,6%, 77,3%

CMYK

5,6%, 9,6%, 0,0%, 22,7%

OKLCH

0,7761 0,028 304,7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BAB2C5

#BDC5B2

Analogous

#B2B3C5

#C3B2C5

#BAB2C5

Triadic

#BAB2C5

#C5BAB2

#B2C5BA

Split Complementary

#BAB2C5

#C5C3B2

#B3C5B2

Tetradic

#BAB2C5

#C5B2B3

#BDC5B2

#B2C5C3

Color Blindness Simulation

Original

#BAB2C5

Protanopia

#B7B6C0

Deuteranopia

#B7B8BF

Tritanopia

#BABDBC

Achromatopsia

#B5B5B5

CSS Usage

background-color: #BAB2C5;
color: #BAB2C5;
border-color: #BAB2C5;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C0B9CA
400
#9F93AE
500
#7D6E91
600
#645874
700
#50465D
800
#3E3749
900
#2F2A37
950
#1E1B22

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026