Preview
#3a414e
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.26:1 · vs black: 2.05:1
HEX
#3a414e
RGB
rgb(58, 65, 78)
RGBA
rgba(58, 65, 78, 1)
HSL
hsl(219, 15%, 27%)
HSV
hsv(219, 26%, 31%)
LAB
lab(27.38% 0.49 -8.8)
LCH
lch(27.38% 8.81 273.19)
OKLAB
oklab(0.3741 -0.003 -0.024)
OKLCH
oklch(0.3741 0.0242 262.87)
XYZ
xyz(5.01, 5.23, 7.95)
CMYK
cmyk(26%, 17%, 0%, 69%)
CSS
color: #3a414e;
CSS variable
--color-3a414e: #3a414e;
SCSS
$color-3a414e: #3a414e;
Tailwind
sky-700
Export
:root {
--#3a414e-1: #3a414e;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.