Preview
#676a75
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.39:1 · vs black: 3.9:1
HEX
#676a75
RGB
rgb(103, 106, 117)
RGBA
rgba(103, 106, 117, 1)
HSL
hsl(227, 6%, 43%)
HSV
hsv(227, 12%, 46%)
LAB
lab(44.91% 1.26 -6.52)
LCH
lch(44.91% 6.64 280.94)
OKLAB
oklab(0.5255 0.0011 -0.0176)
OKLCH
oklch(0.5255 0.0176 273.58)
XYZ
xyz(13.96, 14.48, 18.88)
CMYK
cmyk(12%, 9%, 0%, 54%)
CSS
color: #676a75;
CSS variable
--color-676a75: #676a75;
SCSS
$color-676a75: #676a75;
Tailwind
slate-500
Export
:root {
--#676a75-1: #676a75;
}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.