Preview
#323c71
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.39:1 · vs black: 2.02:1
HEX
#323c71
RGB
rgb(50, 60, 113)
RGBA
rgba(50, 60, 113, 1)
HSL
hsl(230, 39%, 32%)
HSV
hsv(230, 56%, 44%)
LAB
lab(27.02% 12.65 -32)
LCH
lch(27.02% 34.41 291.57)
OKLAB
oklab(0.3756 0.0051 -0.091)
OKLCH
oklch(0.3756 0.0911 273.21)
XYZ
xyz(5.91, 5.10, 16.29)
CMYK
cmyk(56%, 47%, 0%, 56%)
CSS
color: #323c71;
CSS variable
--color-323c71: #323c71;
SCSS
$color-323c71: #323c71;
Tailwind
blue-600
Export
:root {
--#323c71-1: #323c71;
}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.