#BABDA6

#BABDA6

Color Values

HEX

#BABDA6

RGB

186, 189, 166

HSL

67.8, 14.8%, 69.6%

HSV

67.8, 12.2%, 74.1%

CMYK

1.6%, 0.0%, 12.2%, 25.9%

OKLCH

0.7897 0.0318 113.2

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABDA6

#A9A6BD

Analogous

#BDB4A6

#AEBDA6

#BABDA6

Triadic

#BABDA6

#A6BABD

#BDA6BA

Split Complementary

#BABDA6

#A6AEBD

#B4A6BD

Tetradic

#BABDA6

#A6BDB4

#A9A6BD

#BDA6AE

Color Blindness Simulation

Original

#BABDA6

Protanopia

#BBBBAC

Deuteranopia

#BBBBAD

Tritanopia

#BAB0B1

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE1D6
300
#C9CBB9
400
#ABAF93
500
#8D926D
600
#717557
700
#5B5E46
800
#474936
900
#35372A
950
#22231B

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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