#BABCAE

#BABCAE

Color Values

HEX

#BABCAE

RGB

186, 188, 174

HSL

68.6, 9.5%, 71.0%

HSV

68.6, 7.4%, 73.7%

CMYK

1.1%, 0.0%, 7.4%, 26.3%

OKLCH

0.7897 0.0195 113.4

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#BABCAE

#B0AEBC

Analogous

#BCB7AE

#B3BCAE

#BABCAE

Triadic

#BABCAE

#AEBABC

#BCAEBA

Split Complementary

#BABCAE

#AEB3BC

#B7AEBC

Tetradic

#BABCAE

#AEBCB7

#B0AEBC

#BCAEB3

Color Blindness Simulation

Original

#BABCAE

Protanopia

#BBBBB1

Deuteranopia

#BBBBB2

Tritanopia

#BAB4B5

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BC
400
#A7AA98
500
#888C73
600
#6D705C
700
#57594A
800
#44463A
900
#33352C
950
#20211C

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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