Preview
#3f454d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.68:1 · vs black: 2.17:1
HEX
#3f454d
RGB
rgb(63, 69, 77)
RGBA
rgba(63, 69, 77, 1)
HSL
hsl(214, 10%, 27%)
HSV
hsv(214, 18%, 30%)
LAB
lab(29.03% -0.49 -5.63)
LCH
lch(29.03% 5.65 265.03)
OKLAB
oklab(0.3879 -0.0039 -0.0152)
OKLCH
oklch(0.3879 0.0157 255.61)
XYZ
xyz(5.52, 5.85, 7.86)
CMYK
cmyk(18%, 10%, 0%, 70%)
CSS
color: #3f454d;
CSS variable
--color-3f454d: #3f454d;
SCSS
$color-3f454d: #3f454d;
Tailwind
sky-700
Export
:root {
--#3f454d-1: #3f454d;
}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.