Preview
#485055
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.22:1 · vs black: 2.55:1
HEX
#485055
RGB
rgb(72, 80, 85)
RGBA
rgba(72, 80, 85, 1)
HSL
hsl(203, 8%, 31%)
HSV
hsv(203, 15%, 33%)
LAB
lab(33.5% -2 -4.02)
LCH
lch(33.5% 4.49 243.55)
OKLAB
oklab(0.4259 -0.0076 -0.0108)
OKLCH
oklch(0.4259 0.0132 234.87)
XYZ
xyz(7.18, 7.77, 9.71)
CMYK
cmyk(15%, 6%, 0%, 67%)
CSS
color: #485055;
CSS variable
--color-485055: #485055;
SCSS
$color-485055: #485055;
Tailwind
sky-600
Export
:root {
--#485055-1: #485055;
}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.