Preview
#353f5f
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.36:1 · vs black: 2.03:1
HEX
#353f5f
RGB
rgb(53, 63, 95)
RGBA
rgba(53, 63, 95, 1)
HSL
hsl(226, 28%, 29%)
HSV
hsv(226, 44%, 37%)
LAB
lab(27.12% 5.27 -20.29)
LCH
lch(27.12% 20.96 284.56)
OKLAB
oklab(0.3736 0.0002 -0.0567)
OKLCH
oklch(0.3736 0.0567 270.2)
XYZ
xyz(5.31, 5.14, 11.54)
CMYK
cmyk(44%, 34%, 0%, 63%)
CSS
color: #353f5f;
CSS variable
--color-353f5f: #353f5f;
SCSS
$color-353f5f: #353f5f;
Tailwind
blue-700
Export
:root {
--#353f5f-1: #353f5f;
}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.