#BABEA7

#BABEA7

Color Values

HEX

#BABEA7

RGB

186, 190, 167

HSL

70.4, 15.0%, 70.0%

HSV

70.4, 12.1%, 74.5%

CMYK

2.1%, 0.0%, 12.1%, 25.5%

OKLCH

0.792 0.032 115.1

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BABEA7

#ABA7BE

Analogous

#BEB6A7

#AFBEA7

#BABEA7

Triadic

#BABEA7

#A7BABE

#BEA7BA

Split Complementary

#BABEA7

#A7AFBE

#B6A7BE

Tetradic

#BABEA7

#A7BEB6

#ABA7BE

#BEA7AF

Color Blindness Simulation

Original

#BABEA7

Protanopia

#BCBCAD

Deuteranopia

#BCBBAE

Tritanopia

#BAB1B2

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE1D6
300
#C8CBB9
400
#AAAF92
500
#8C936C
600
#707557
700
#5A5E45
800
#464936
900
#35372A
950
#21231A

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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