#BABFAC

#BABFAC

Color Values

HEX

#BABFAC

RGB

186, 191, 172

HSL

75.8, 12.9%, 71.2%

HSV

75.8, 9.9%, 74.9%

CMYK

2.6%, 0.0%, 9.9%, 25.1%

OKLCH

0.7954 0.0268 119.0

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BABFAC

#B1ACBF

Analogous

#BFBBAC

#B1BFAC

#BABFAC

Triadic

#BABFAC

#ACBABF

#BFACBA

Split Complementary

#BABFAC

#ACB1BF

#BBACBF

Tetradic

#BABFAC

#ACBFBB

#B1ACBF

#BFACB1

Color Blindness Simulation

Original

#BABFAC

Protanopia

#BCBCB1

Deuteranopia

#BCBCB2

Tritanopia

#BAB4B5

Achromatopsia

#BDBDBD

CSS Usage

background-color: #BABFAC;
color: #BABFAC;
border-color: #BABFAC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DDE0D7
300
#C6CABA
400
#A6AD94
500
#87906F
600
#6C7359
700
#575C47
800
#444838
900
#33362B
950
#20221B

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026