Preview
#727d80
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.23:1 · vs black: 4.96:1
HEX
#727d80
RGB
rgb(114, 125, 128)
RGBA
rgba(114, 125, 128, 1)
HSL
hsl(193, 6%, 47%)
HSV
hsv(193, 11%, 50%)
LAB
lab(51.61% -3.41 -3.02)
LCH
lch(51.61% 4.56 221.53)
OKLAB
oklab(0.5816 -0.0112 -0.0081)
OKLCH
oklch(0.5816 0.0138 215.87)
XYZ
xyz(18.17, 19.80, 23.28)
CMYK
cmyk(11%, 2%, 0%, 50%)
CSS
color: #727d80;
CSS variable
--color-727d80: #727d80;
SCSS
$color-727d80: #727d80;
Tailwind
slate-500
Export
:root {
--#727d80-1: #727d80;
}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.