Preview
#465057
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 8.25:1 · vs black: 2.55:1
HEX
#465057
RGB
rgb(70, 80, 87)
RGBA
rgba(70, 80, 87, 1)
HSL
hsl(205, 11%, 31%)
HSV
hsv(205, 20%, 34%)
LAB
lab(33.41% -2.25 -5.44)
LCH
lch(33.41% 5.89 247.53)
OKLAB
oklab(0.425 -0.0091 -0.0147)
OKLCH
oklch(0.425 0.0173 238.24)
XYZ
xyz(7.11, 7.73, 10.13)
CMYK
cmyk(20%, 8%, 0%, 66%)
CSS
color: #465057;
CSS variable
--color-465057: #465057;
SCSS
$color-465057: #465057;
Tailwind
sky-600
Export
:root {
--#465057-1: #465057;
}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.