Preview
#313e54
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.78:1 · vs black: 1.95:1
HEX
#313e54
RGB
rgb(49, 62, 84)
RGBA
rgba(49, 62, 84, 1)
HSL
hsl(218, 26%, 26%)
HSV
hsv(218, 42%, 33%)
LAB
lab(25.98% 1.14 -14.94)
LCH
lch(25.98% 14.98 274.36)
OKLAB
oklab(0.3621 -0.0068 -0.0415)
OKLCH
oklch(0.3621 0.0421 260.69)
XYZ
xyz(4.59, 4.74, 9.06)
CMYK
cmyk(42%, 26%, 0%, 67%)
CSS
color: #313e54;
CSS variable
--color-313e54: #313e54;
SCSS
$color-313e54: #313e54;
Tailwind
sky-700
Export
:root {
--#313e54-1: #313e54;
}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.