Preview
#313954
Family: Blue
Accessibility on this swatch:
Contrast vs white: 11.39:1 · vs black: 1.84:1
HEX
#313954
RGB
rgb(49, 57, 84)
RGBA
rgba(49, 57, 84, 1)
HSL
hsl(226, 26%, 26%)
HSV
hsv(226, 42%, 33%)
LAB
lab(24.38% 4.5 -17.41)
LCH
lch(24.38% 17.98 284.49)
OKLAB
oklab(0.3497 0.0009 -0.0485)
OKLCH
oklch(0.3497 0.0485 271.06)
XYZ
xyz(4.33, 4.22, 8.97)
CMYK
cmyk(42%, 32%, 0%, 67%)
CSS
color: #313954;
CSS variable
--color-313954: #313954;
SCSS
$color-313954: #313954;
Tailwind
blue-700
Export
:root {
--#313954-1: #313954;
}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.