Preview
#1d4ed8
Family: Blue
Accessibility on this swatch:
Contrast vs white: 6.7:1 · vs black: 3.13:1
HEX
#1d4ed8
RGB
rgb(29, 78, 216)
RGBA
rgba(29, 78, 216, 1)
HSL
hsl(224, 76%, 48%)
HSV
hsv(224, 87%, 85%)
LAB
lab(39.01% 36.76 -74.57)
LCH
lch(39.01% 83.14 296.24)
OKLAB
oklab(0.4882 -0.0213 -0.2161)
OKLCH
oklch(0.4882 0.2171 264.37)
XYZ
xyz(15.62, 10.67, 66.19)
CMYK
cmyk(87%, 64%, 0%, 15%)
CSS
color: #1d4ed8;
CSS variable
--color-1d4ed8: #1d4ed8;
SCSS
$color-1d4ed8: #1d4ed8;
Tailwind
blue-500
Export
:root {
--tailwind-blue-700-1: #1d4ed8;
}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.