Preview
#c5bec3
Family: Grey
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.53:1
HEX
#c5bec3
RGB
rgb(197, 190, 195)
RGBA
rgba(197, 190, 195, 1)
HSL
hsl(317, 6%, 76%)
HSV
hsv(317, 4%, 77%)
LAB
lab(77.66% 3.36 -1.64)
LCH
lch(77.66% 3.74 333.98)
OKLAB
oklab(0.8087 0.0095 -0.0043)
OKLCH
oklch(0.8087 0.0104 335.65)
XYZ
xyz(51.29, 52.64, 59.08)
CMYK
cmyk(0%, 4%, 1%, 23%)
CSS
color: #c5bec3;
CSS variable
--color-c5bec3: #c5bec3;
SCSS
$color-c5bec3: #c5bec3;
Tailwind
slate-200
Export
:root {
--#c5bec3-1: #c5bec3;
}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.