Preview
#696b75
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.3:1 · vs black: 3.96:1
HEX
#696b75
RGB
rgb(105, 107, 117)
RGBA
rgba(105, 107, 117, 1)
HSL
hsl(230, 5%, 44%)
HSV
hsv(230, 10%, 46%)
LAB
lab(45.36% 1.4 -5.83)
LCH
lch(45.36% 6 283.5)
OKLAB
oklab(0.5295 0.0019 -0.0157)
OKLCH
oklch(0.5295 0.0158 276.9)
XYZ
xyz(14.29, 14.80, 18.93)
CMYK
cmyk(10%, 9%, 0%, 54%)
CSS
color: #696b75;
CSS variable
--color-696b75: #696b75;
SCSS
$color-696b75: #696b75;
Tailwind
slate-500
Export
:root {
--#696b75-1: #696b75;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.