Preview
#505e62
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.73:1 · vs black: 3.12:1
HEX
#505e62
RGB
rgb(80, 94, 98)
RGBA
rgba(80, 94, 98, 1)
HSL
hsl(193, 10%, 35%)
HSV
hsv(193, 18%, 38%)
LAB
lab(38.89% -4.41 -4.09)
LCH
lch(38.89% 6.01 222.84)
OKLAB
oklab(0.4715 -0.0148 -0.0111)
OKLCH
oklch(0.4715 0.0185 216.87)
XYZ
xyz(9.51, 10.59, 13.10)
CMYK
cmyk(18%, 4%, 0%, 62%)
CSS
color: #505e62;
CSS variable
--color-505e62: #505e62;
SCSS
$color-505e62: #505e62;
Tailwind
cyan-600
Export
:root {
--#505e62-1: #505e62;
}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.