#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