Preview
#bab8c0
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.71:1
HEX
#bab8c0
RGB
rgb(186, 184, 192)
RGBA
rgba(186, 184, 192, 1)
HSL
hsl(255, 6%, 74%)
HSV
hsv(255, 4%, 75%)
LAB
lab(75.16% 2.2 -3.79)
LCH
lch(75.16% 4.38 300.13)
OKLAB
oklab(0.7866 0.0053 -0.0101)
OKLCH
oklch(0.7866 0.0114 297.69)
XYZ
xyz(46.90, 48.53, 56.75)
CMYK
cmyk(3%, 4%, 0%, 25%)
CSS
color: #bab8c0;
CSS variable
--color-bab8c0: #bab8c0;
SCSS
$color-bab8c0: #bab8c0;
Tailwind
slate-200
Export
:root {
--#bab8c0-1: #bab8c0;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.