Preview
#4a5256
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.98:1 · vs black: 2.63:1
HEX
#4a5256
RGB
rgb(74, 82, 86)
RGBA
rgba(74, 82, 86, 1)
HSL
hsl(200, 8%, 31%)
HSV
hsv(200, 14%, 34%)
LAB
lab(34.32% -2.23 -3.42)
LCH
lch(34.32% 4.08 236.89)
OKLAB
oklab(0.4329 -0.008 -0.0092)
OKLCH
oklch(0.4329 0.0122 228.99)
XYZ
xyz(7.52, 8.16, 9.98)
CMYK
cmyk(14%, 5%, 0%, 66%)
CSS
color: #4a5256;
CSS variable
--color-4a5256: #4a5256;
SCSS
$color-4a5256: #4a5256;
Tailwind
sky-600
Export
:root {
--#4a5256-1: #4a5256;
}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.