Preview
#6b727d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.85:1 · vs black: 4.33:1
HEX
#6b727d
RGB
rgb(107, 114, 125)
RGBA
rgba(107, 114, 125, 1)
HSL
hsl(217, 8%, 45%)
HSV
hsv(217, 14%, 49%)
LAB
lab(47.8% -0.2 -6.96)
LCH
lch(47.8% 6.96 268.35)
OKLAB
oklab(0.5499 -0.0035 -0.0188)
OKLCH
oklch(0.5499 0.0191 259.45)
XYZ
xyz(15.78, 16.64, 21.78)
CMYK
cmyk(14%, 9%, 0%, 51%)
CSS
color: #6b727d;
CSS variable
--color-6b727d: #6b727d;
SCSS
$color-6b727d: #6b727d;
Tailwind
sky-500
Export
:root {
--#6b727d-1: #6b727d;
}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.