Preview
#1f2847
Family: Blue
Accessibility on this swatch:
Contrast vs white: 14.46:1 · vs black: 1.45:1
HEX
#1f2847
RGB
rgb(31, 40, 71)
RGBA
rgba(31, 40, 71, 1)
HSL
hsl(227, 39%, 20%)
HSV
hsv(227, 56%, 28%)
LAB
lab(16.81% 6.48 -20.64)
LCH
lch(16.81% 21.63 287.43)
OKLAB
oklab(0.2852 0.0002 -0.0584)
OKLCH
oklch(0.2852 0.0584 270.2)
XYZ
xyz(2.46, 2.26, 6.27)
CMYK
cmyk(56%, 44%, 0%, 72%)
CSS
color: #1f2847;
CSS variable
--color-1f2847: #1f2847;
SCSS
$color-1f2847: #1f2847;
Tailwind
blue-800
Export
:root {
--#1f2847-1: #1f2847;
}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.