Preview
#515760
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.29:1 · vs black: 2.88:1
HEX
#515760
RGB
rgb(81, 87, 96)
RGBA
rgba(81, 87, 96, 1)
HSL
hsl(216, 8%, 35%)
HSV
hsv(216, 16%, 38%)
LAB
lab(36.76% -0.27 -6)
LCH
lch(36.76% 6.01 267.42)
OKLAB
oklab(0.4547 -0.0033 -0.0162)
OKLCH
oklch(0.4547 0.0165 258.49)
XYZ
xyz(8.91, 9.41, 12.41)
CMYK
cmyk(16%, 9%, 0%, 62%)
CSS
color: #515760;
CSS variable
--color-515760: #515760;
SCSS
$color-515760: #515760;
Tailwind
sky-600
Export
:root {
--#515760-1: #515760;
}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.