Preview
#323a67
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.84:1 · vs black: 1.94:1
HEX
#323a67
RGB
rgb(50, 58, 103)
RGBA
rgba(50, 58, 103, 1)
HSL
hsl(231, 35%, 30%)
HSV
hsv(231, 51%, 40%)
LAB
lab(25.81% 10.51 -27.53)
LCH
lch(25.81% 29.47 290.9)
OKLAB
oklab(0.3644 0.0058 -0.0779)
OKLCH
oklch(0.3644 0.0781 274.26)
XYZ
xyz(5.28, 4.68, 13.46)
CMYK
cmyk(51%, 44%, 0%, 60%)
CSS
color: #323a67;
CSS variable
--color-323a67: #323a67;
SCSS
$color-323a67: #323a67;
Tailwind
blue-700
Export
:root {
--#323a67-1: #323a67;
}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.