Preview
#487aef
Family: Blue
Accessibility on this swatch:
Contrast vs white: 3.96:1 · vs black: 5.31:1
HEX
#487aef
RGB
rgb(72, 122, 239)
RGBA
rgba(72, 122, 239, 1)
HSL
hsl(222, 84%, 61%)
HSV
hsv(222, 70%, 94%)
LAB
lab(53.52% 21.58 -63.91)
LCH
lch(53.52% 67.46 288.66)
OKLAB
oklab(0.6068 -0.0186 -0.1835)
OKLCH
oklch(0.6068 0.1844 264.21)
XYZ
xyz(25.21, 21.53, 84.47)
CMYK
cmyk(70%, 49%, 0%, 6%)
CSS
color: #487aef;
CSS variable
--color-487aef: #487aef;
SCSS
$color-487aef: #487aef;
Tailwind
blue-300
Export
:root {
--spectrum-#487aef-1: #487aef;
}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.