#BABDAE

#BABDAE

Color Values

HEX

#BABDAE

RGB

186, 189, 174

HSL

72.0, 10.2%, 71.2%

HSV

72.0, 7.9%, 74.1%

CMYK

1.6%, 0.0%, 7.9%, 25.9%

OKLCH

0.7918 0.021 116.1

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BABDAE

#B1AEBD

Analogous

#BDB9AE

#B3BDAE

#BABDAE

Triadic

#BABDAE

#AEBABD

#BDAEBA

Split Complementary

#BABDAE

#AEB3BD

#B9AEBD

Tetradic

#BABDAE

#AEBDB9

#B1AEBD

#BDAEB3

Color Blindness Simulation

Original

#BABDAE

Protanopia

#BBBBB2

Deuteranopia

#BBBBB2

Tritanopia

#BAB4B5

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BABDAE;
color: #BABDAE;
border-color: #BABDAE;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DDDFD8
300
#C6C8BC
400
#A6AA97
500
#878D72
600
#6C705C
700
#575A49
800
#444639
900
#33352C
950
#20211C

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026