Preview
#515d61
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.8:1 · vs black: 3.09:1
HEX
#515d61
RGB
rgb(81, 93, 97)
RGBA
rgba(81, 93, 97, 1)
HSL
hsl(195, 9%, 35%)
HSV
hsv(195, 16%, 38%)
LAB
lab(38.62% -3.69 -3.86)
LCH
lch(38.62% 5.34 226.29)
OKLAB
oklab(0.4695 -0.0125 -0.0104)
OKLCH
oklch(0.4695 0.0163 219.76)
XYZ
xyz(9.46, 10.44, 12.82)
CMYK
cmyk(16%, 4%, 0%, 62%)
CSS
color: #515d61;
CSS variable
--color-515d61: #515d61;
SCSS
$color-515d61: #515d61;
Tailwind
cyan-600
Export
:root {
--#515d61-1: #515d61;
}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.