Preview
#505bbd
HEX
#505bbd
RGB
rgb(80, 91, 189)
RGBA
rgba(80, 91, 189, 1)
HSL
hsl(234, 45%, 53%)
HSV
hsv(234, 58%, 74%)
LAB
lab(42.55% 25.02 -53.1)
LCH
lch(42.55% 58.7 295.23)
OKLAB
oklab(0.5144 0.013 -0.1519)
OKLCH
oklch(0.5144 0.1525 274.89)
XYZ
xyz(16.23, 12.86, 49.76)
CMYK
cmyk(58%, 52%, 0%, 26%)
CSS
color: #505bbd;
CSS variable
--color-505bbd: #505bbd;
SCSS
$color-505bbd: #505bbd;
Tailwind
blue-400
Export
:root {
--#505bbd-1: #505bbd;
}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.