#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