Preview
#bac1c0
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.48:1
HEX
#bac1c0
RGB
rgb(186, 193, 192)
RGBA
rgba(186, 193, 192, 1)
HSL
hsl(171, 5%, 74%)
HSV
hsv(171, 4%, 76%)
LAB
lab(77.51% -2.6 -0.34)
LCH
lch(77.51% 2.62 187.45)
OKLAB
oklab(0.8051 -0.0078 -0.0009)
OKLCH
oklch(0.8051 0.0079 186.58)
XYZ
xyz(48.83, 52.38, 57.40)
CMYK
cmyk(4%, 0%, 1%, 24%)
CSS
color: #bac1c0;
CSS variable
--color-bac1c0: #bac1c0;
SCSS
$color-bac1c0: #bac1c0;
Tailwind
slate-200
Export
:root {
--#bac1c0-1: #bac1c0;
}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.