Preview
#484a53
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.82:1 · vs black: 2.38:1
HEX
#484a53
RGB
rgb(72, 74, 83)
RGBA
rgba(72, 74, 83, 1)
HSL
hsl(229, 7%, 30%)
HSV
hsv(229, 13%, 33%)
LAB
lab(31.58% 1.29 -5.61)
LCH
lch(31.58% 5.76 282.95)
OKLAB
oklab(0.4106 0.0015 -0.0151)
OKLCH
oklch(0.4106 0.0152 275.67)
XYZ
xyz(6.68, 6.90, 9.16)
CMYK
cmyk(13%, 11%, 0%, 67%)
CSS
color: #484a53;
CSS variable
--color-484a53: #484a53;
SCSS
$color-484a53: #484a53;
Tailwind
slate-700
Export
:root {
--#484a53-1: #484a53;
}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.