Preview
#505962
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.13:1 · vs black: 2.95:1
HEX
#505962
RGB
rgb(80, 89, 98)
RGBA
rgba(80, 89, 98, 1)
HSL
hsl(210, 10%, 35%)
HSV
hsv(210, 18%, 38%)
LAB
lab(37.36% -1.38 -6.37)
LCH
lch(37.36% 6.52 257.78)
OKLAB
oklab(0.4594 -0.0069 -0.0172)
OKLCH
oklch(0.4594 0.0185 248.14)
XYZ
xyz(9.08, 9.73, 12.95)
CMYK
cmyk(18%, 9%, 0%, 62%)
CSS
color: #505962;
CSS variable
--color-505962: #505962;
SCSS
$color-505962: #505962;
Tailwind
sky-600
Export
:root {
--#505962-1: #505962;
}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.