Preview
#6e7077
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.94:1 · vs black: 4.25:1
HEX
#6e7077
RGB
rgb(110, 112, 119)
RGBA
rgba(110, 112, 119, 1)
HSL
hsl(227, 4%, 45%)
HSV
hsv(227, 8%, 47%)
LAB
lab(47.28% 0.72 -4.13)
LCH
lch(47.28% 4.19 279.89)
OKLAB
oklab(0.5458 0.0006 -0.0111)
OKLCH
oklch(0.5458 0.0111 273.09)
XYZ
xyz(15.55, 16.24, 19.76)
CMYK
cmyk(8%, 6%, 0%, 53%)
CSS
color: #6e7077;
CSS variable
--color-6e7077: #6e7077;
SCSS
$color-6e7077: #6e7077;
Tailwind
slate-500
Export
:root {
--#6e7077-1: #6e7077;
}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.