Preview
#4787e1
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.61:1 · vs black: 5.82:1
HEX
#4787e1
RGB
rgb(71, 135, 225)
RGBA
rgba(71, 135, 225, 1)
HSL
hsl(215, 72%, 58%)
HSV
hsv(215, 68%, 88%)
LAB
lab(56.19% 8.55 -51.82)
LCH
lch(56.19% 52.52 279.37)
OKLAB
oklab(0.6246 -0.0332 -0.1478)
OKLCH
oklch(0.6246 0.1515 257.34)
XYZ
xyz(24.85, 24.10, 74.56)
CMYK
cmyk(68%, 40%, 0%, 12%)
CSS
color: #4787e1;
CSS variable
--color-4787e1: #4787e1;
SCSS
$color-4787e1: #4787e1;
Tailwind
sky-400
Export
:root {
--spectrum-#4787e1-1: #4787e1;
}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.