Preview
#313f5b
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.54:1 · vs black: 1.99:1
HEX
#313f5b
RGB
rgb(49, 63, 91)
RGBA
rgba(49, 63, 91, 1)
HSL
hsl(220, 30%, 27%)
HSV
hsv(220, 46%, 36%)
LAB
lab(26.63% 2.75 -18.49)
LCH
lch(26.63% 18.69 278.46)
OKLAB
oklab(0.3683 -0.0058 -0.0516)
OKLCH
oklch(0.3683 0.0519 263.59)
XYZ
xyz(4.93, 4.96, 10.59)
CMYK
cmyk(46%, 31%, 0%, 64%)
CSS
color: #313f5b;
CSS variable
--color-313f5b: #313f5b;
SCSS
$color-313f5b: #313f5b;
Tailwind
blue-700
Export
:root {
--#313f5b-1: #313f5b;
}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.