Preview
#324ba4
Family: Blue
Accessibility on this swatch:
Contrast vs white: 7.84:1 · vs black: 2.68:1
HEX
#324ba4
RGB
rgb(50, 75, 164)
RGBA
rgba(50, 75, 164, 1)
HSL
hsl(227, 53%, 42%)
HSV
hsv(227, 70%, 64%)
LAB
lab(34.78% 21.26 -50.97)
LCH
lch(34.78% 55.23 292.64)
OKLAB
oklab(0.4457 -0.0049 -0.1466)
OKLCH
oklch(0.4457 0.1467 268.09)
XYZ
xyz(10.53, 8.39, 36.18)
CMYK
cmyk(70%, 54%, 0%, 36%)
CSS
color: #324ba4;
CSS variable
--color-324ba4: #324ba4;
SCSS
$color-324ba4: #324ba4;
Tailwind
blue-500
Export
:root {
--spectrum-#324ba4-1: #324ba4;
}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.