Preview
#486cd6
HEX
#486cd6
RGB
rgb(72, 108, 214)
RGBA
rgba(72, 108, 214, 1)
HSL
hsl(225, 63%, 56%)
HSV
hsv(225, 66%, 84%)
LAB
lab(48.2% 21.48 -58.41)
LCH
lch(48.2% 62.23 290.19)
OKLAB
oklab(0.5612 -0.0093 -0.1675)
OKLCH
oklch(0.5612 0.1678 266.82)
XYZ
xyz(20.17, 16.96, 65.82)
CMYK
cmyk(66%, 50%, 0%, 16%)
CSS
color: #486cd6;
CSS variable
--color-486cd6: #486cd6;
SCSS
$color-486cd6: #486cd6;
Tailwind
blue-400
Export
:root {
--#486cd6-1: #486cd6;
}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.